Ajax学习

Ajax

Ajax异步对象XMLHttpRequest

创建异步对象

使用JavaScript创建XMLHttpRequest异步对象

var xmlHttp = new XMLHttpRequest();

使用异步对象处理事件：onreadystatechange()

xmlHttp.onreadystatechange() = new function() {
     ......
}

异步对象的属性：readyState，status

readyState表示异步对象请求的状态变化，分为0-4；每一次状态变化都会自动调用onreadystatechange()事件。
0：创建异步对象时；
1：初始异步对象，xmlHttp.open();
2：发送请求，xmlHttp.send();
3：从服务器端获取了数据；
4：异步对象把接收的数据处理完成，开发者此时可对数据进行处理。

status表示网络请求的状态，200时表示成功。

故有：

var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange() = new function() {
     if (readyState == 4 && status == 200) {
           // 获取服务器端返回的数据，使用异步对象的属性 responseText.
           var data = xmlHttp.responseText;
           // 进行网页的数据刷新
           ......
     }
}
xmlHttp.open("请求方式(get|post)","服务器端的访问地址","同步|异步请求(默认为异步请求 true)");
xmlHttp.send();