ajax 登录,谢谢!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function saveUserInfo()
{
//获取表单对象和用户信息值
var f = document.user_info;
var userName = f.user_name.value;
var userPass = f.user_pass.value;
//接收表单的URL地址
var url = "http://x.x.x.x/login.jsp? user_name="+ userName +"&password="+ userPass ;
//实例化Ajax
//var ajax = InitAjax();
var ajax = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
ajax = new XMLHttpRequest();
if (ajax.overrideMimeType) {//设置MiME类别
ajax.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!ajax) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
//通过get方式打开连接
ajax.open("GET", url, true);
ajax.send(null);
//获取执行状态
ajax.onreadystatechange = function() {
//如果执行状态成功,那么就把返回信息写到指定的层里
if (ajax.readyState == 4 && ajax.status == 200) {
}
}
}
</script>
<body >
<div id="msg"></div>
<form name="user_info" method="GET" action="">
姓名:<input type="text" name="user_name" /><br />
密码:<input type="text" name="user_pass" /><br />
<input type="button" value="提交表单" onClick="saveUserInfo()">
</form>
</body>
相关推荐
php+ajax登录跳转登录实现思路
当我们的用户进行系统登录时,用户名和密码的验证都是后端验证的。而且,用户登录状态也是要后端设置的,查询数据库后,用户名和密码正确,则在session中存储一个uuid,每个页面需要根据登录状态判断展示相应的内容时,则判断是否有uuid这个session,且uuid不为空。比如头部的登录按钮,在未登录状态是显示登录按钮,在登录后显示用户名和头像,这些都是判断是否有uuid这个值(具体实现里,相对来说更复杂一些)。 我们再来理下这个步骤: 向后端ajax发送用户名和密码 后端接收到用户名和密码后,查询数据库 若查询失败,则返回一个json数据,如:{“status”:”-1″, msg
ajax实现简单登录页面
本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下 一.什么是ajax Ajax是一种无需重新加载整个网页,能够更新部分网页的技术。 二.ajax的工作原理 Ajax工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容,这样就实现了一个静态页面也能获取到数据库中的返回数据信息了。 所以Ajax实现了一个静态网页在不刷新整个页面的情况下与服务器通信,减少了用户等待时间,同时降低了网络流量,增强了客户体验的友好程度。 三.用ajax实现简单的登录页面 1.ajax_login.html <!DOCTYPE html> <html lang="en"> <he
基于servlet+ajax用户注册登录系统.zip
作业:用户登录注册系统,后台采用jsp + servlet + javabean技术实现,浏览器客户端采用ajax框架之jquery框架! 要求: 不能抄袭,没有分组,面向接口编程,不要迟到! 1、注册的信息: 用户名,密码,性别(下拉选择),爱好(复选框),城市(下拉选择),个人说明(文本域,富文本编辑器) 2、注册信息提交需要做js验证。 a、用户名不能为空,密码必须是6个字符以上。 b、密码只能是字母或者数字 c、个人说明要保证不能为空 d、用户名要使用ajax验证 3、js验证通过后, 数据交给servlet处理,如果数据不符合要求,返回表单提交页面,原来填写的内容必须回显。 4、注册成功后,进入登陆页面,完成登陆操作。 5、登陆成功后,显示所有的用户列表。 6、数据库采用mysql或oracle,数据库连接采用数据库连接池技术。
Ajax异步方式实现登录与验证
主要介绍了Ajax异步方式实现登录与验证,感兴趣的小伙伴们可以参考一下
ajax jquery html异步登录
ajax的异步登录,提供了一些资料,便于学习。


