AJAX

一。什么是AJAX

在不重新加载页面的情况下，更新部分网页，与服务器交换数据的标准。

通过 AJAX，JavaScript 无需等待服务器的响应，而是：

• 在等待服务器响应时执行其他脚本
• 当响应就绪后对响应进行处理

二。AJAX-GET使用

window.onload = function(ev){

     var oBtn = document.querySelector("button");

     oBtn.onclick = function(ev1){

     //1.创建一个异步对象

     var xmlhttp=new XMLHttpRequest();

     //2.设置请求方式和请求地址

     xmlhttp.open("GET/POST","url",true);

    //3. 发送请求

      xmlhttp.send();

    //4.监听状态的变化

     xmlhttp.onreadystatechange=function(ev2){

/*

• 0: 请求未初始化
• 1: 服务器连接已建立
• 2: 请求已接收
• 3: 请求处理中
• 4: 请求已完成，且响应已就绪(成功/失败)

*/

    if(xmlhttp.readyState === 4){

    //判断是否成功

    if(xmlhttp.status >=200 && xmlhttp.status<300 || xmlhttp.status === 304){

           //5.处理返回的结果

           console.log("接收到服务器返回的数据");

           alert(xhr.responseText);

           alert(xmlhttp.responseXML);

}else{

           console.log("myou");

}

}

}

}

}

}

}

(1)IE5 /6兼容

于url后添加随机数或时间

xhr.open("GET","WENIJIAN.txt?t="+(new Date().getTime()),true);