如何用ajax异步登录验证实现？

ajax异步无刷新登陆实现分为四步：

ajax代码如下：

var xmlhttp; //声明异步请求对象

//根据不同浏览器产生异步请求对象

function doAjax() {

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {

try {

xmlhttp = new XMLHttpRequest();

if (xmlhttp.overrideMimeType) {

xmlhttp.overrideMimeType("text/xml");

}

} catch (e) {

}

}

}

}

function btnSubmit() {

xmlhttp=null;

var name = document.getElementById("shop_login_username").value;

var pass = document.getElementById("shop_login_password").value;

var url = "/shopping/doLoginServlet";

//1.产生异步请求对象

doAjax();

if (xmlhttp == null || name == "" || pass=="") {

return;

}

if(!checkName()&checkPass()){

return;

}

//2.建立连接

xmlhttp.open("post",url,true);

//3.指定回调函数

xmlhttp.onreadystatechange = rollback;

//如果以post方式请求，必须要添加

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//4.发送请求,get请求方式时传null

xmlhttp.send("name=" + name+"&pass="+pass);

}

function rollback(){

var divName=document.getElementById("loginmessage");

divName.innerHTML="";

//当响应完成且响应结果是正常时再进行处理

if(xmlhttp.readyState==4&&xmlhttp.status==200){

var result=xmlhttp.responseText;//获得响应结果，如果是xml内容需要使用responseXML

if(result=="登录成功"){

location.href="/shopping/index.jsp";

return;

}

divName.innerHTML=result;//将响应结果显示在页面上

}

}

总结

以上是编程之家为你收集整理的ajax异步登录验证实现全部内容，希望文章能够帮你解决ajax异步登录验证实现所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。