获取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()方法之前进行.

更多推荐

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