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

谁践踏了优雅 2022-05-18 11:09 263阅读 0赞

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