XMLHttpRequest

XMLHttpRequest

• 创建:

var createXHR = function(){
    var xhr = false;
    try{
        xhr = new XMLHttpRequest();//尝试直接创建，适用于IE以外的大多数浏览器
    }
    catch(e){
        try{
            xhr = new ActiveXObject('Mxsm112.XMLHTTP');//尝试使用较新版本IE的创建方式
        }
        catch(e){
            try{
                xhr = new ActiveXObject('Microsoft.XMLHTTP');//尝试使用较老版本IE的创建方式
            }
            catch(e){
                xhr = false;//创建失败，返回false提示
                console.log(e.name + ' : ' + e.message);
            }
        }
    }
    return xhr;
}

• 方法:
• open(method,url,async) :
• method指定请求使用的方法，包括GET、POST、HEAD、DELETE；
• url即请求地址；
• async规定是否启用异步请求，异步请求将直接返回，需要使用事件监听器在响应就绪后动态处理，默认为true；
• send() : 发送请求并根据同步异步设定适时返回，接受一个可选的请求体作为参数（在GET和HEAD中被忽略）；
• abort() : 立即中断已经发送的请求；对应请求的就绪状态被置为0，但不会触发readystatechange事件；
• onreadystatechange() : 当readyState发生变化时执行的事件处理函数；
• ontimeout() : 请求超时后调用的方法；
• 属性:
• readyState:
• 0 请求未初始化，open()未调用；
• 1 请求已建立，未发送，send()尚未调用；
• 2 请求已发送，处理中，可以从响应中获取首部（header）和状态（status）；
• 3 响应处理中，响应中已有部分数据可用，但未完全就绪；
• 4 响应已就绪；
• 注意，各浏览器中对就绪状态的处理并不一致，不能过于依赖状态来执行操作，测试在chrome（53）和Firefox（43）中onreadystatechange方法只能在状态1和4时被调用，IE（11）则更奇特，依次出现了1、1、2、3、4的状态，1出现了两次。
• 无法通过onreadystatechange()仅在就绪状态发生改变时被调用，但在readyState被在请求中断(abort()被调用)被置0时不会触发该方法，因而无法通过该方法获取readyState为0的状态，只能在请求未初始化或被中断时手动获取；
• upload:
• 返回一个代表上传过程的对象，可以在其上注册事件监听器以追踪上传进程；
• 可选事件监听器包括
• onloadstart : the fetch starts (请求开始装载数据时调用的方法)
• onprogress : data transfer is going on (周期性调用的反馈上传进度的方法)
• onabort : the fetch operation was aborted (请求中断后调用的方法)
• onerror : the fetch failed (请求中出现错误时调用的方法)
• onload : the fetch succeeded (请求在抓取内容成功后返回时调用的方法)
• ontimeout :　the fetch operation didn't complete by the timeout the author specified (请求超时调用的方法)
• onloadend : the fetch operation completed (either failed or succeeded)
• response:
• 返回相应的实体主体（response entity body），具体类型取决于responseType的值，在1.0中只有DOMString和 Document，在2.0中扩充了Blob、FormData、ArrayBuffer、File等；
• 当responseType为‘text’或空,response在请求处于loading状态时保存部分响应文本（response text）；
• responseType: 返回一个定义响应实体类型的枚举值
• responseText: 返回一个包含响应文本（response as text）的DOMString，或者null；
• responseXML: 返回一个包含响应的Document，或者null（请求未发送，响应无法解析）；
• status: 返回响应的状态码；
• statusText: 返回响应的状态码及服务器的反馈信息；
• timeout: 定义请求在被终结前可以维持的最大时长，以毫秒为单位；
• withCredentials: 一个布尔值，指示了Cross Site Access Control请求是否需要使用证书（如cookies，授权首部（authorization headers）或者TLS用户证书等）；该值的设定对同域请求没有影响；
• In addition, this flag is also used to indicate when cookies are to be ignored in the response. The default is false. XMLHttpRequest from a different domain cannot set cookie values for their own domain unless withCredentials is set to true before making the request. The third-party cookies obtained by setting withCredentials to true will still honor same-origin policy and hence can not be accessed by the requesting script through document.cookie or from response headers.