首頁 > web前端 > js教程 > 主體

實例講解AJAX跨域請求資料的四種方法

小云云
發布: 2017-12-19 13:54:48
原創
2096 人瀏覽過

由於瀏覽器的同源策略 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屬性請求的資料瀏覽器是不會進行攔截的

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板