JS AJAX实现步骤口述整理

第一步

创建XMLHttpRequest对象,需要兼容IE7之前的版本,

通过判断浏览器是否支持ActiveX控件来实现。

var xhr=new XMLHttpRequest();

第二步

在异步请求时设置onreadystatechange事件处理程序。
检查readyState属性的值来实现,其中值为4时,表示已经接收到全部的响应数据,并且可以在客户端使用了。接着判断status状态码,判断响应是否成功来进行下面的步骤。其中responseText 获得字符串形式的响应数据,responseXML获取xml形式的相应数据。

第三步

使用open方法与服务器建立连接。
open方法包含三个参数,第一个是请求方法,有get和post两种,如果是post方法,要在设置头部的content-type字段,第二个是url地址,有相对和绝对地址,第三个是一个布尔值,表示是否是异步请求,其中true表示异步。异步表示在send()方法之后,浏览器继续执行,而不等待服务器的响应。

第四步

向服务其发送数据。
xhr.send(null);其中post方法参数不为空。

第五步

使用javascript和dom实现局部刷新。

你可能感兴趣的:(JS AJAX实现步骤口述整理)