JavaScript Ajax與Comet——“XMLHttpRequest2級”的注意要點

melody_lql 發布于2019-08-21 13:29 / 3294人閱讀

摘要：并非所有的瀏覽器都完整的實現了級的規范，但是所有的瀏覽器都實現了它部分的規范。超時設定唯一支持的超時設定事件，對象的事件。方法用于重寫響應的類型。它能強迫服務器返回的數據類型給些為本方法提供的類型。

并非所有的瀏覽器都完整的實現了XMLHttpRequest 2 級的規范，但是所有的瀏覽器都實現了它部分的規范。

FormData

FormData類型

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

如：

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

也可以用表單元素的數據預先想其中填入鍵值對：

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

它是為序列化表單以及創建于表單格式相同的數據提供了遍歷:

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對象上設置請求頭部。

超時設定

IE8+唯一支持的超時設定事件，XHR對象的ontimeout事件。XHR對象的timeout設定超時時間，單位是毫秒數。這些設定要方法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()方法

用于重寫XHR響應的MIME類型。它能強迫服務器返回的數據類型給些為本方法提供的類型。使用方法：
在open之后，send之前。

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

GPU云服務器云服務器 ajax的同步與異步 javascript與js的區別 java與javascript的區別云主機的要點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/87697.html

JavaScript Ajax與Comet——“進度事件”的注意要點

摘要：有以下個進度事件在接收到響應數據的第一個字節時觸發。在接收響應數據期間持續的觸發在請求發生錯誤時觸發在因調用方法而終止連接時觸發在接收到完整的響應數據時觸發在通信完成或者觸發，，事件后觸發。有以下6個進度事件： loadstart: 在接收到響應數據的第一個字節時觸發。 progress: 在接收響應數據期間持續的觸發 error: 在請求發生錯誤時觸發 abort: 在因調用ab...

ad6623 2019-08-19 17:40 評論0 收藏0
JavaScript Ajax與Comet——“其他跨域技術”的注意要點

摘要：由兩部分組成回調函數和數據。回調函數是當響應到來時應該在頁面中調用的函數，回調函數的名字一般是在請求中指定的。下面是以個的例子回調函數的名字就是是通過動態的元素來使用的，使用時可以為屬性指定一個跨域。是為與其他傳遞消息的很相似。圖像Ping技術根據一個網頁可以從任何網頁中加載圖像而不用擔心使用跨域的原理，我們可以動態的創建圖像，使用他們的onload和onerror事件處理程序...

Hwg 2019-08-19 17:40 評論0 收藏0
JavaScript Ajax與Comet——“XMLHttpRequest對象”的注意要點

摘要：在中，對象是通過庫中的對象實現的。可以檢測對象的屬性，該屬性表示請求響應過程的當前活動階段。已經調用但尚未接收到響應接收。由于內存原因，不建議重用對象。頭部信息對象提供了操作請求頭部和響應頭部信息的方法。建議使用自定義的頭部名稱。在IE5中，XHR對象是通過MSXML庫中的ActiveX對象實現的。在IE中可能會遇到三種不同版本的XHR對象，即MSXML2.XMLHttp、MSXML...

Martin91 2019-08-19 17:39 評論0 收藏0
JavaScript Ajax與Comet——“跨源資源共享”的注意要點

摘要：注意請求和響應都不包含信息。對象的安全機制部分實現了的規范。請求返回后會觸發事件，響應數據保存在屬性中。無論是同源請求還是跨域請求，對于本地資源最好使用相對，在訪問遠程資源時再使用絕對。發送請求之后，服務器決定是否允許這種類型的請求。通過XHR實現Ajax通信的一個主要限制，來源于跨域安全策略。在默認情況下，Ajax只能訪問與包含它的頁面位于同一個域中的資源。但是有時也需要一些跨域的...

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

摘要：技術的核心是對象即。收到響應后，響應的數據會自動填充對象的屬性，相關的屬性有作為響應主體被返回的文本。收到響應后，一般來說，會先判斷是否為，這是此次請求成功的標志。中的版本會將設置為，而中原生的則會將規范化為。會在取得時報告的值為。 Ajax(Asynchronous Javascript + XML)技術的核心是XMLHttpRequest對象,即: XHR。雖然名字中包含XML，但...

imingyu 2019-08-20 16:27 評論0 收藏0