XMLHttpRequest2級 FormData

鑒于XHR已經得到廣泛接受,成為事實標準,W3C也制定了相關標準。
1級只是把已有XHR對象描述出來。而2級則發展了XHR,并不是所有瀏覽器都完整實現了2級規范,但所有瀏覽器都實現了他部分內容。
FormData
現代Web應用中使用一箱功能就是表單序列化,XHR2為此定義了FormData類型。FormData為序列化表單以及創建與表單格式相同的數據(用于通過XHR傳輸)提供了便利。下面的代碼創建了一個FormData對象,并像其添加了一些數據。
var data=new FormData();
data.append("name","Nicholas");
這個append()方法接受兩個參數:鍵和值,分別對應表單字段的名稱和字段中包含的值。可以像這樣添加任意多個鍵值對。而通過向FormData構造函數中傳入表單元素,也可以用表單元素的數據預先向其中像其填入鍵值對:
var data = new FormData(document.forms[0]);
創建了這個實例后,直接將他傳入XHR的send()方法。
xhr.open("post","postexample.php",true);
var form=document.getElementById("user-info");
xhr.send(new FormData(form));
使用FormData好處體現在不必明確在XHR對象上設置請求頭部。XHR對象能夠識別傳入數據類型是FormData的實例,并配置適當頭部信息。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容