AJAX

AJAX 可以使网页实现异步更新。不重新加载整个网页的情况下，对网页的某部分进行更新。

XMLHttpRequest 对象 (异步的与服务器交换数据)

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

创建 XMLHttpRequest 对象

var xmlhttp=new XMLHttpRequest();

//老版本

var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

实例

var xmlhttp;

if (window.XMLHttpRequest){

 // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 

 xmlhttp=new XMLHttpRequest();

}else{

 // IE6, IE5 浏览器执行代码

 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

一、向服务器发送请求

method：请求的类型；GET 或 POST  url：文件在服务器上的位置  async：true（异步）或 false（同步）

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 方法设置ajax请求头

二、服务器响应

XMLHttpRequest 对象的

 responseText 属性。                    

获得字符串形式的响应数据。                              

responseXML属性。 

获得 XML 形式的响应数据。 

三、服务器相应

每当 readyState 改变时，就会触发 onreadystatechange 事件

readyState（0-4） 和 status（200：“OK” ，404：“未找到页面”）

readyState 属性存有 XMLHttpRequest 的状态信息。

从 0 到 4 发生变化。

0: 请求未初始化

1: 服务器连接已建立

2: 请求已接收

3: 请求处理中

4: 请求已完成，且响应已就绪

本文引用与 菜鸟教程