ajax

Ajax：Asynchronous Javascript And XML（异步 JavaScript 和 XML）

发送 Ajax 请求的五个步骤

• （1）创建异步对象。即 XMLHttpRequest 对象。

• （2）设置请求的参数。包括：请求的方法、请求的 url。open()

• （3）发送请求。send()

• （4）注册事件。 onreadystatechange 事件，状态改变时就会调用。

• （5）获取返回的数据。

// 异步对象
var xhr;
if (window.XMLHttpRequest) {
  //非IE
  xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  //IE
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// 设置属性
xhr.open("post", "02.post.php");

// 如果想要使用post提交数据,必须添加此行
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

// 将数据通过send方法传递
xhr.send("name=fox&age=18");

// 发送并接受返回值
xhr.onreadystatechange = function() {
  // 这步为判断服务器是否正确响应
  if (xhr.readyState == 4 && xhr.status == 200) {
    alert(xhr.responseText);
  }
};