2015年10月20日

Ajax

概念介绍

• 运动HTML和css实现页面，表达信息。

• 运行XMLHttpRequest和web服务器进行数据的异步交换。

• 运行javascript操作DOM，实现动态局部刷新。

首先要构建XML对象

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

HTTP一种无状态协议。 HTTP请求的七个步骤：

• 建立TCP连接

• Web浏览器向Web服务器发送请求命令

• Web浏览器发送请求头信息

• Web服务器应答

• Web服务器发送应答头信息

• Web服务器向浏览器发送数据

• Web服务器关闭TCP连接

HTTP请求

XHR发送请求

• open(method,url,async)

• send(string)

XMLHttpRequest取得响应

readyState属性

• 0：请求未初始化，open还没有调用。

• 1：服务器连接已建立，open已经调用了。

• 2：请求已接受，也就是接收到头信息。

• 3：请求处理中，也就是接收到响应主体。

• 4：请求已完成，且响应已就绪，也就是响应完成了。

监听代码：

var request=new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onreadystatechange=function{
    if(request.readyState===4&&request.status===200){
        //做一些事情 request.responseText
    }
}