ajax小结

AJAX总结

Asynchronous JavaScript + XML（异步JavaScript和XML）

1.不刷新整个页面，实现局部刷新

2.接受并使用从服务器发来的数据

原理:XmlHttpRequest对象向服务器发送请求

1.创建XmlHttpRequest对象

if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ...
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE 6 and older
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

//window.XMLHttpRequest检查是否支持

2.HTTP请求对象的 open()连接服务器

httpRequest.open(method, url, true);

//method:HTTP请求方法，GET/POST/HEAD
//URL:请求地址
//第三个参数是否开启异步

3.发送请求send()

httpRequest.send();
POST参数所写位置
如果你使用 POST 数据，那就需要设置请求的MIME类型。比如，在调用 send() 方法获取表单数据前要有下面这个：
httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

4.处理服务器响应

httpRequest.onreadystatechange(){
    if(status == 200 && readyState == 4){
       	//响应成功
       }
}