JavaScript Ajax與Comet——“XMLHttpRequest2級(jí)”的注意要點(diǎn)

melody_lql 發(fā)布于2019-08-21 13:29 / 3335人閱讀

摘要：并非所有的瀏覽器都完整的實(shí)現(xiàn)了級(jí)的規(guī)范，但是所有的瀏覽器都實(shí)現(xiàn)了它部分的規(guī)范。超時(shí)設(shè)定唯一支持的超時(shí)設(shè)定事件，對(duì)象的事件。方法用于重寫(xiě)響應(yīng)的類(lèi)型。它能強(qiáng)迫服務(wù)器返回的數(shù)據(jù)類(lèi)型給些為本方法提供的類(lèi)型。

并非所有的瀏覽器都完整的實(shí)現(xiàn)了XMLHttpRequest 2 級(jí)的規(guī)范，但是所有的瀏覽器都實(shí)現(xiàn)了它部分的規(guī)范。

FormData

FormData類(lèi)型

append()向其添加數(shù)據(jù)，包含兩個(gè)參數(shù)：鍵和值；

如：

var data = new FormData();
data.append("name", "oliver");

也可以用表單元素的數(shù)據(jù)預(yù)先想其中填入鍵值對(duì)：

var data = new FormData(document.forms[0]);

它是為序列化表單以及創(chuàng)建于表單格式相同的數(shù)據(jù)提供了遍歷:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
            console.log(xhr.responseText);
        } else {
            console.log("error");
        }
    }
};
xhr.open("post", "postexample.php", true);
var form = document.getElementById("form1");
xhr.send(new FormData(form));

它的方便之處在于不用明確的在XHR對(duì)象上設(shè)置請(qǐng)求頭部。

超時(shí)設(shè)定

IE8+唯一支持的超時(shí)設(shè)定事件，XHR對(duì)象的ontimeout事件。XHR對(duì)象的timeout設(shè)定超時(shí)時(shí)間，單位是毫秒數(shù)。這些設(shè)定要方法open之后，send之前。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
            console.log(xhr.responseText);
        } else {
            console.log("error");
        }
    }
};
xhr.open("get", "getexample.php", true);
xhr.timeout = 1000;
xhr.ontimeout = function () {
    alert("Request did not return in a second.");
};
xhr.send(null);

overrideMimeType()方法

用于重寫(xiě)XHR響應(yīng)的MIME類(lèi)型。它能強(qiáng)迫服務(wù)器返回的數(shù)據(jù)類(lèi)型給些為本方法提供的類(lèi)型。使用方法：
在open之后，send之前。

xhr.open("get", "getexample.php", true);
xhr.overrideMimeType("text/xml");
xhr.send(null);

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/87697.html

相關(guān)文章

JavaScript Ajax與Comet——“進(jìn)度事件”的注意要點(diǎn)

摘要：有以下個(gè)進(jìn)度事件在接收到響應(yīng)數(shù)據(jù)的第一個(gè)字節(jié)時(shí)觸發(fā)。在接收響應(yīng)數(shù)據(jù)期間持續(xù)的觸發(fā)在請(qǐng)求發(fā)生錯(cuò)誤時(shí)觸發(fā)在因調(diào)用方法而終止連接時(shí)觸發(fā)在接收到完整的響應(yīng)數(shù)據(jù)時(shí)觸發(fā)在通信完成或者觸發(fā)，，事件后觸發(fā)。有以下6個(gè)進(jìn)度事件： loadstart: 在接收到響應(yīng)數(shù)據(jù)的第一個(gè)字節(jié)時(shí)觸發(fā)。 progress: 在接收響應(yīng)數(shù)據(jù)期間持續(xù)的觸發(fā) error: 在請(qǐng)求發(fā)生錯(cuò)誤時(shí)觸發(fā) abort: 在因調(diào)用ab...

ad6623 2019-08-19 17:40 評(píng)論0 收藏0
JavaScript Ajax與Comet——“其他跨域技術(shù)”的注意要點(diǎn)

摘要：由兩部分組成回調(diào)函數(shù)和數(shù)據(jù)?；卣{(diào)函數(shù)是當(dāng)響應(yīng)到來(lái)時(shí)應(yīng)該在頁(yè)面中調(diào)用的函數(shù)，回調(diào)函數(shù)的名字一般是在請(qǐng)求中指定的。下面是以個(gè)的例子回調(diào)函數(shù)的名字就是是通過(guò)動(dòng)態(tài)的元素來(lái)使用的，使用時(shí)可以為屬性指定一個(gè)跨域。是為與其他傳遞消息的很相似。圖像Ping技術(shù) 根據(jù)一個(gè)網(wǎng)頁(yè)可以從任何網(wǎng)頁(yè)中加載圖像而不用擔(dān)心使用跨域的原理，我們可以動(dòng)態(tài)的創(chuàng)建圖像，使用他們的onload和onerror事件處理程序...

Hwg 2019-08-19 17:40 評(píng)論0 收藏0
JavaScript Ajax與Comet——“XMLHttpRequest對(duì)象”的注意要點(diǎn)

摘要：在中，對(duì)象是通過(guò)庫(kù)中的對(duì)象實(shí)現(xiàn)的?？梢詸z測(cè)對(duì)象的屬性，該屬性表示請(qǐng)求響應(yīng)過(guò)程的當(dāng)前活動(dòng)階段。已經(jīng)調(diào)用但尚未接收到響應(yīng)接收。由于內(nèi)存原因，不建議重用對(duì)象。頭部信息對(duì)象提供了操作請(qǐng)求頭部和響應(yīng)頭部信息的方法。建議使用自定義的頭部名稱(chēng)。在IE5中，XHR對(duì)象是通過(guò)MSXML庫(kù)中的ActiveX對(duì)象實(shí)現(xiàn)的。在IE中可能會(huì)遇到三種不同版本的XHR對(duì)象，即MSXML2.XMLHttp、MSXML...

Martin91 2019-08-19 17:39 評(píng)論0 收藏0
JavaScript Ajax與Comet——“跨源資源共享”的注意要點(diǎn)

摘要：注意請(qǐng)求和響應(yīng)都不包含信息。對(duì)象的安全機(jī)制部分實(shí)現(xiàn)了的規(guī)范。請(qǐng)求返回后會(huì)觸發(fā)事件，響應(yīng)數(shù)據(jù)保存在屬性中。無(wú)論是同源請(qǐng)求還是跨域請(qǐng)求，對(duì)于本地資源最好使用相對(duì)，在訪問(wèn)遠(yuǎn)程資源時(shí)再使用絕對(duì)。發(fā)送請(qǐng)求之后，服務(wù)器決定是否允許這種類(lèi)型的請(qǐng)求。通過(guò)XHR實(shí)現(xiàn)Ajax通信的一個(gè)主要限制，來(lái)源于跨域安全策略。在默認(rèn)情況下，Ajax只能訪問(wèn)與包含它的頁(yè)面位于同一個(gè)域中的資源。但是有時(shí)也需要一些跨域的...

haobowd 2019-08-19 17:40 評(píng)論0 收藏0
Ajax與Comet-JavaScript高級(jí)程序設(shè)計(jì)第21章讀書(shū)筆記(1)

摘要：技術(shù)的核心是對(duì)象即。收到響應(yīng)后，響應(yīng)的數(shù)據(jù)會(huì)自動(dòng)填充對(duì)象的屬性，相關(guān)的屬性有作為響應(yīng)主體被返回的文本。收到響應(yīng)后，一般來(lái)說(shuō)，會(huì)先判斷是否為，這是此次請(qǐng)求成功的標(biāo)志。中的版本會(huì)將設(shè)置為，而中原生的則會(huì)將規(guī)范化為。會(huì)在取得時(shí)報(bào)告的值為。 Ajax(Asynchronous Javascript + XML)技術(shù)的核心是XMLHttpRequest對(duì)象,即: XHR。雖然名字中包含XML，但...

imingyu 2019-08-20 16:27 評(píng)論0 收藏0