Ajax之获取Ajax对象以及Ajax常用属性和方法

获取Ajax对象

通过上一节我们发现，想要使用 ajax 的一系列功能，我们就必须先得到 ajax 对象

基于 W3C标准 浏览器：

var xhr = new XMLHttpRequest();

基于IE内核的浏览器:

var xhr = new ActiveXObject('Microsoft.XMLHTTP');

ajax对象的属性、方法 *

• readyState： Ajax状态码 *
  0：表示对象已建立，但未初始化，只是 new 成功获取了对象，但是未调用open方法
  1：表示对象已初始化，但未发送，调用了open方法，但是未调用send方法
  2：已调用send方法进行请求
  3：正在接收数据（接收到一部分），客户端已经接收到了一部分返回的数据
  4：接收完成，客户端已经接收到了所有数据 *

• status ：http响应状态码
  200代表成功获取服务器端数据
  404未找到页面等等……

• statusText ：http响应状态文本

• reponseText：如果服务器端返回字符串，使用responseText进行接收

• responseXML ：如果服务器端返回XML数据，使用responseXML进行接收

• onreadystatechange：当 readyState 状态码发生改变时所触发的回调函数

• open(method,url,async)：初始化Ajax对象 (打开)
  method:http请求方式，get/post
  url:请求的服务器地址
  async:布尔值，ture代表异步请求，false代表同步请求；

• setRequestHeader(header,value)：设置请求头信息
  header ：请求头名称
  value ：请求头的值

• xhr.getAllResponseHeaders() 获取全部响应头信息

• xhr.getResponseHeader(‘key’) 获取指定头信息

• send(content) ：发送Ajax请求
  content ： 如果是get请求时，此参数为null;如果是post请求时，此参数就是要传递的数据

  注意: 所有相关的事件绑定必须在调用send()方法之前进行.