ajax异步的流程,Ajax实现异步请求的整个过程

var xhr;

xhr = new XMLHttpRequest(); //创建一个异步对象

xhr.open("Get","test.ashx",true); //Get方式括号中的三个参数分别为：1.发送请求的方式 2.样请求的页面 3.是否异步

//xhr.open("post",true);

//xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); Post方式发送数据

//这个回调函数主要用来检测服务器是否把数据返回给异步对象

xhr.setRequestHeader("If-Modified-Since","0"); //设置浏览器不使用缓存

xhr.onreadystatechange = function () {

if (xhr.readystate == 4) {

//readyState属性指出了XMLHttpRequest对象在发送/接收数据过程中所处的几个状态。XMLHttpRequest对象会经历5种不同的状态。

//0：未初始化。对象已经创建，但还未初始化，即还没调用open方法；

//1：已打开。对象已经创建并初始化，但还未调用send方法；

//2：已发送。已经调用send 方法，但该对象正在等待状态码和头的返回；

//3：正在接收。已经接收了部分数据，但还不能使用该对象的属性和方法，因为状态和响应头不完整；

//4：已加载。所有数据接收完毕

if(xhr.status==200){ //检测服务器返回的响应报文的状态码是否为200

alert(xhr.responseText); //服务器返回的Response数据

//解析服务器返回的jason格式的数据

var s=xhr.responseText;

var json=eval("("+s+")");

alert(jason.data);

}

}; }; xhr.send(null); //异步对象发送请求 //xhr.send("txtName=roger&txtPwd=123"); 以post方式发送数据

总结

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

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

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