實例講解AJAX跨域請求資料的四種方法
- 小云云原創
- 2017-12-19 13:54:482104瀏覽
由於瀏覽器的同源策略 ajax請求不可以接收到請求回應回來的資料 ，本文主要為大家帶來一篇AJAX跨域請求資料的四種方法，希望能幫助到大家。
請求資料需要呼叫瀏覽器的內建建構子XMLHttpRequest() 進行實例物件
var xhr = new XMLHttpRequest();
注意點在IE8之前支援的ActiveXobject ("Microsoft.XMLHTTP"); 記得要進行相容處理喔 在這裡我就不寫了
透過該物件取得
取得資料的四種狀態 xhr.readyState 此屬性保存著請求資料的幾種狀態
1.xhr.open(請求方式，請求位址，設定同/非同步);
2.xhr.send(null);//發送請求 如果是post請求那麼參數需要在send中傳遞
3.會一直偵測資料是否回傳
4.資料回傳那麼xhr.readyState的值是4 說明資料回傳成功
那麼我們需要進行跨域請求如何做呢
方案一：
利用script標籤的src屬性請求資料 src屬性請求的資料瀏覽器是不會進行攔截的