ajax

ajax请求的过程

一个完整的HTTP请求需要的是：

• 请求的网址、请求方法get/post。
• 提交请求的内容数据、请求主体等。
• 接收响应回来的内容。

发送 Ajax 请求的五个步骤：
（1）创建异步对象。即 XMLHttpRequest 对象。
（2）使用open方法设置请求的参数。open(method, url, async)。参数解释：请求的方法、请求的url、是否异步。
（3）发送请求。
（4）注册事件。 注册onreadystatechange事件，状态改变时就会调用。如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。
（5）获取返回的数据。

ajax的get请求举例：

（1）index.html：

    
    


Ajax 发送 get 请求





（2）02-ajax.php：

ajax的post请求举例：

index.html：

    
    


Ajax 发送 get 请求

POST请求时注意

如果想让 像form 表单提交数据那样使用POST请求，就需要使用 XMLHttpRequest 对象的 setRequestHeader()方法 来添加 HTTP 头。然后在 send() 方法中添加想要发送的数据：

    xmlhttp.open("POST","ajax_test.php", true);

    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xmlhttp.send("name=smyhvae&age=27");

onreadystatechange 事件

注册 onreadystatechange 事件后，每当 readyState 属性改变时，就会调用 onreadystatechange 函数。
readyState：（存有 XMLHttpRequest 的状态。从 0 到 4 发生变化）

• 0: 请求未初始化

• 1: 服务器连接已建立

• 2: 请求已接收

• 3: 请求处理中

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

status：

• 200: "OK"。

• 404: 未找到页面。

在 onreadystatechange 事件中，当 readyState 等于 4，且状态码为200时，表示响应已就绪。

服务器响应的内容

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

• responseXML：获得 XML 形式的响应数据。

如果响应的是普通字符串，就使用responseText；如果响应的是XML，使用responseXML。