H5-通信API-XMLHttpRequest-1.2

xhr = new XMLHttpRequest();    //创建对象
xhr.open("POST", url, isAsync);//打开
xhr.send(sendData);            //发送数据
xhr.abort();                   //中止请求

   获得返回的信息

e.target.response;
e.target.responseText;
e.target.responseXML;

    发送的数据的信息

lengthComputable 是否可计算过程的长度
loaded           已上传下载字节数
total            总字节数

    代码在此！！！

///对过程进行监听
///url          :传输url
///sendData     :发送的数据
///isAsync      :是否为异步访问
///functionList :过程中监听的事件集(对象)
    ///functionList.abortFunction：           终止时触发的事件
    ///functionList.errorFunction：           出错时触发的事件
    ///functionList.loadFunction：            服务器返回响应时触发的事件
    ///    if((e.target.readyState == 4) && (e.target.status == 200)) 
    ///        var aa = e.target.responseText;
    ///functionList.loadStartFunction：       加载开始时触发的事件
    ///functionList.loadEndFunction：         加载终止时触发的事件
    ///functionList.timeOutFunction：         超时时触发的事件
    ///functionList.upload.progressFunction： 过程中时触发的事件
    ///functionList.readyStateChangeFunction：readyState改变时触发的事件
    ///    function progressListen(url, sendData, isAsync, functionList) {
    ///        var xhr = (window.XMLHttpRequest)? 
    ///                  new XMLHttpRequest():
    ///                  (window.ActiveXObject)? new ActiveXObject('Microsoft.XMLHTTP'): null;

    xhr.open("POST", url, isAsync);

    //添加监听事件
    if (functionList != null) {
        xhr.onabort = functionList.abortFunction;
        xhr.onerror = functionList.errorFunction;
        xhr.onload = functionList.loadFunction;
        xhr.onloadstart = functionList.loadStartFunction;
        xhr.onloadend = functionList.loadEndFunction;
        xhr.ontimeout = functionList.timeOutFunction;
        xhr.upload.onprogress = functionList.progressFunction;

        xhr.addEventListener('readystatechange', functionList.readyStateChangeFunction, false);
    }

    xhr.send(sendData);
}

 

    如果需要跨域的时候发送cookies，记得要加上

xhr.withCredentials = true; //支持跨域发送cookies