对话，有问有答，有请求，就有就响应。
ajax发送请求给服务端，服务端收到请求后会进行响应：
- 接收请求的参数
- 接收请求头参数
- 响应请求（发数据给客户端）
Ajax请求的响应通常会以下几种格式来表示：HTML、XML和JSON
onreadystatechange属性
| 属性 | Description |
|---|---|
| onreadystatechange | 指定一个请求响应的回调函数 |
| readyState | 处理XMLHttpRequest的状态. 0: 请求没初始化 1: 服务器建立连接 2: 收到请求 3: 处理请求 4: 请求已完成，响应已准备就绪 |
| responseText | 以字符串形式返回响应数据 |
| responseXML | 以XML形式返回响应数据 |
| status | 以代码方式返回状态 200: "OK" 403: "Forbidden" 404: "Not Found" |
| statusText | 以文本方式返回状态 (如 "OK" or "Not Found") |
| getResponseHeader() | 从服务端返回指定的头信息 |
| getAllResponseHeaders() | 从服务端返回所有的头信息 |
示例
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_info.txt", true); xhttp.send(); }</script> |
第一步：创建一个XMLHttpRequest对象实例
第二步：xhttp.open("GET", "ajax_info.txt", true); 准备处理GET请求，请求地址是ajax_info.txt
第三步：发送请求，xhttp.send();
第四步：根据请求返回的状态，实现不同的响应。