AJAX

AJAX(Asynchronous JavaScript and XML)，即异步的 JavaScript 和 XML，是一种无需重新加载整个网页即可更新部分网页的技术。

1 声明XMLHttpRequest对象

// 定义变量存放XMLHttpRequest对象
var xmlHttpRequest;
// 定义声明XMLHttpRequest对象的方法
function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        // IE浏览器
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    } else if (window.XMLHttpRequest) {
        // 非IE浏览器
        xmlHttpRequest = new XMLHttpRequest();
    }
}

2 配置HTTP请求信息

xmlHttpRequest.open(method, URL, flag)

method：指定HTTP请求类型，常用方法有GET与POST。
url：指定HTTP请求地址。
flag：指定是否使用异步方式，true异步、false同步，默认true。

3 定义函数响应HTTP请求状态变化

xmlHttpRequest.onreadystatechange = function () {
    // 获取服务器返回数据
    if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
        // 函数体，实现局部更新
    }
}

readyState：存有XMLHttpRequest状态。0，请求未初始化；1，服务器连接已建立；2，请求已接收；3，请求处理中；4，请求已完成，且响应已就绪。
status：200，"OK"；404，"NOT FOUND"

4 发送请求

XMLHttpRequest.send(data)

对于POST请求，使用setRequestHeader()添加HTTP头，在send()方法中规定发送数据

XMLHttpRequest.setRequestHeader(header, value)
XMLHttpRequest.send("attribute=value")