ajax实现异步通信

 

第二种方式实现异步通信

1、定义

AJAX的核心对象XMLHttpRequest

 

XMLHttpRequest：是浏览器的XMLHTTP组件的对象，通过该对象AJAX可以像桌面应用程序一样同服务器进行数据层面的交互，不需要每次都进行整个页面的刷新。

 

2、步骤

1）初始化对象并发送XMLHttpRequest请求

ü        针对IE7.0、8.0、firefox、mozillar、opera、safari浏览器

var xmlhr = new XMLHttpRequest();

ü        针对IE5.0、5.5、6.0

var xmlhr = new ActiveXObject();

 

2）指定响应处理函数

onreadystatechange

  

状态	描述
0	初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。
1	open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。
2	Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。
3	所有响应头部都已经接收到。响应体开始接收但未完成。
4	HTTP 响应已经完全接收。

 

3）发出HTTP请求

Open（）

   Send（）

   status：由服务器返回的 HTTP 状态代码，如 200 表示成功，而 404 表示 "Not Found" 错误

  

4）处理服务器返回的数据

responseXML

responseText

 

 

3、应用XMLHttpRequest实现AJAX