AJAX-xhr Level 2

1、新老版本對比

1.1 老版本缺點

（1）隻支援文本資料的傳送，無法用來讀取和上傳二進制檔案。

（2）傳送和接收資料時，沒有進度資訊，隻能提示有沒有完成。

（3）受到"同域限制"，隻能向同一域名的伺服器請求資料。

1.2 新版本功能

（1）可以設定HTTP請求的時限。

（2）可以使用FormData對象管理表單資料。

（3）可以上傳檔案。

（4）可以擷取伺服器端的二進制資料。

（5）可以獲得資料傳輸的進度資訊。

（6）跨域請求。

2.http 請求逾時

新版本的XMLHttpRequest對象，增加了timeout屬性，可以設定HTTP請求的時限。

xhr.timeout = 3000;
xhr.ontimeout = function(event){
    alert('請求逾時!');
}
           

3、FormData

4、上傳檔案

參考 ajax 檔案上傳。

http://www.jianshu.com/p/62812b529b34

5、傳輸進度

6、跨域情況

參考 ajax跨域請求的CROS。

http://www.jianshu.com/p/b83094c81ca9