Ajax异步对象的应用

1.异步对象的创建

function creatXmlHttp(){
var xmlhttp;
try {//IE7+、Firefox、Chrome、Safari 以及 Opera都支持
xmlhttp = new XMLHttpRequest();
} catch (e) {
try {//IE5和IE6语法
xmlhttp = new ActiveXObject("Msxm12.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsolf.XMLHTTP");
} catch (e) {

}
}
}
return xmlhttp;

}

2.在其他函数中用ajax对象来进行异步加载

                /*1.创建异步对象  */
var xhr = creatXmlHttp();//一个创建ajax的函数
/*2.设置监听  */
/*onredystatechange,ajax对象用来监听服务器的状态变化，只有状态变化了，才会触发后面的事件  */

xhr.onreadystatechange = function(){

                            if(xhr.readyState == 4){//readyState 0=>初始化 1=>载入 2=>载入完成 3=>解析 4=>服务器返回完成数据

                                if(xhr.status == 200){//200表示成功，具体可以看下面的连接 https://www.cnblogs.com/liu-fei-fei/p/5618782.htmldocument.getElementById("span1").innerHTML = xhr.responseText;

}else{
}
}else{
}
}
/*3.打开连接  */
xhr.open("GET","${pageContext.request.contextPath}/user_findByname.action?time="+new Date().getTime()+"&username="+username,true);//第三个参数true控制异步进行， 执行send（）方法后不等待

服务器的执行结果，而是继续执行脚本代码，第一个简单来讲，get方法是把参数传到url上的，如果参数过长过多就不行了，这时就应该用post方法。第二个url后面的是参数，请求参数不同，就不会进行缓存

/*4.开始发送  */
xhr.send(null);