aJax

标签：get   回调   cal   资源   ons   http协议   htm   asp   指定   

---恢复内容开始---

function aJax(){
var xmlHttpReq = null;
if(window.XMLHttpRequest){
xmlHttpReq = new XMLHttpRequest();
}
if(xmlHttpReq!=null){
xmlHttpReq.open("GET","test.asp",true);
xmlHttpReq.onreadystatechange = RequestCallBack;
xmlHttpReq.send(null);
}
function RequestCallBack(){
if(xmlHttpReq.readyState==4){
if(xmlHttpReq.status ==200){
document.getElementById("restText").innerHTML = xmlHttpReq.responseText;
}
}
}
}

1.异步同步

  异步通过true来表示，那么false就是同步方式了。采用同步的方式，当执行到某一行代码时，必须等待它执行完毕才能进行下一行函数的处理，如果正在执行的代码一直没有完成，程序就会进入假死状态。相反，异步方式表示在执行当前代码时其他代码也可以运行。

2.var xmlHttpReq = null; 声明一个空对象来装入XMLHttpRequest中。XMLHttpRequest对象用于后台与服务器交换数据，现代的浏览器均支持XMLHttpRequest对象。

3.xmlHttpReq = new XMLHttpRequest();实例化一个XMLHttpRequest对象。

    要完整实现一个aJax异步调用和局部刷新，有以下几个步骤：

    （1）创建一个异步调用对象，XMLHttpRequest，

     （2）创建一个http请求，指定方法、Url及验证信息，

                   1.指定方法：get:请求指定页面信息，并返回主题。post:向指定数据提交资源进行处理请求。（表单）

      （3）设置响应http请求状态变化的函数，

      （4）发送http请求，

     （5）获取异步调用返回的数据，

      （6）使用JavaScript进行局部刷新。

4.xmlHttpReq.open("GET","test.asp",true);调用open方法采样异步方式。

5.xmlHttpReq.onreadystatechange=RequestCallBack;设置回调函数。

6.xmlHttpReq.send(null);发送

7. readyState五种值的表示：

                    0－ （未初始化）还没有调用send()方法

                    1 － （载入）已调用send()方法，正在发送请求

                    2 － （载入完成）send()方法执行完成，已经接收到全部响应内容

                    3 － （交互）正在解析响应内容

                    4 － （完成）响应内容解析完成，可以在客户端调用了

8.status

    AJAX的状态码，指的是无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，该信息使用“ajax.status”所获得。

9.if(ajax.readyState == 4 && ajax.status == 200) ;//判断所获得的信息是否正确。

10.responseText;//服务器返回给前台的数据。

aJax

标签：get   回调   cal   资源   ons   http协议   htm   asp   指定   

原文地址：http://www.cnblogs.com/html5redbird/p/7300455.html