資訊專欄INFORMATION COLUMN
摘要：能異步地發(fā)送任意數(shù)據(jù)的技術(shù)稱為，表示異步的和。若你使用，使用發(fā)送表單還會影響同源策略，并導致內(nèi)容被發(fā)送到一個無法訪問的中。但要手動發(fā)送二進制數(shù)據(jù)的話，還有很多額外工作要做。用來發(fā)送二進制是很直接的，使用方法就好了。
系列文章說明
原文
在[發(fā)送表單數(shù)據(jù)]()一文中，HTML表單可以聲明式地發(fā)送一個HTTP請求。但表單也可以用JavaScript來準備一個HTTP請求。本文將探索如何做到這點。
表單，不只是表單隨著開放式Web應用的出現(xiàn)，現(xiàn)在提供HTML表單、而不是文字表單供用戶填寫的做法，已經(jīng)越發(fā)普遍了。而越來越多的開發(fā)者也獲得了數(shù)據(jù)傳輸?shù)目刂茩?quán)。
獲得對數(shù)據(jù)傳輸?shù)目刂茩?quán)標準的HTML表單提交操作會加載數(shù)據(jù)發(fā)送到的URL，這就意味著瀏覽器的窗口中會進行整個頁面的重新加載。而如果避免了頁面的重新加載，就會避免頁面的閃爍和網(wǎng)絡延遲，進而提供更順暢的用戶體驗。
在許多現(xiàn)代的UI設(shè)計中，HTML表單只是用來收集用戶的輸入。當用戶要發(fā)送數(shù)據(jù)時，Web應用會進行控制，并在后臺異步地發(fā)送數(shù)據(jù)，只更新UI中需要更改的部分。
能異步地發(fā)送任意數(shù)據(jù)的技術(shù)稱為AJAX，表示“異步的JavaScript和XML”。
和傳統(tǒng)表單處理的不同AJAX使用了XMLHttpRequest(XHR)DOM對象，它可以建立HTTP請求、發(fā)送請求并處理結(jié)果。
注意： 老的AJAX技術(shù)可能不是用XMLHttpRequest。比如JSONP和eval()函數(shù)結(jié)合起來使用。雖然該方法可行，但不推薦使用它，因為其存在嚴重的安全問題。所以除非為了兼容那些特別老舊、不支持XMLHttpRequest或JSON的瀏覽器，還是避免使用該技術(shù)。
由于歷史原因，XMLHttpRequest本是設(shè)計用來獲取和發(fā)送交換格式為XML的數(shù)據(jù)的。但現(xiàn)在JSON取代了XML，有著更普遍的使用。
不過XML和JSON都不符合作為表單數(shù)據(jù)請求的編碼。表單數(shù)據(jù)（application/x-www-form-urlencoded）是用于構(gòu)造鍵值對的URL編碼列表的，若是要傳輸二進制數(shù)據(jù)，HTTP請求會被重塑為 multipart/form-data。
若你能掌控前端（運行在瀏覽器上的代碼）和后端（運行在服務器上的代碼），你就能發(fā)送JSON或XML、并隨心所欲地處理它們。
但如果你使用的是第三方服務，這就沒那么容易了，因為某些服務只接受表單數(shù)據(jù)。當然也有使用表單數(shù)據(jù)處理起來更方便的情況，比如數(shù)據(jù)是鍵值對或二進制數(shù)據(jù)時，用現(xiàn)成的后端工具就能處理它們、不需要額外的代碼。
那么，具體該如何發(fā)送數(shù)據(jù)呢？
發(fā)送表單數(shù)據(jù)目前有三種方式來發(fā)送表單數(shù)據(jù)，既有老舊的技術(shù)、也有新特性FormData對象，接下來就來深入了解下它們。
在隱藏的iframe中構(gòu)建DOM發(fā)送表單數(shù)據(jù)最古老的方法，是用DOM API建立一個表單，然后發(fā)送數(shù)據(jù)到一個隱藏的