首頁  >  文章  >  web前端  >  AJAX跨域請求的詳細介紹

AJAX跨域請求的詳細介紹

零下一度
零下一度原創
2017-07-20 13:14:031418瀏覽

由於瀏覽器的同源策略ajax請求不可以接收到請求回應回來的資料 

  請求資料需要呼叫瀏覽器的內建建構子XMLHttpRequest() 進行實例物件 

  var xhr = new XMLHttpRequest();

  注意點在IE8之前支援的ActiveXobject("Microsoft.XMLHTTP");  記住要進行相容處理哦 在這裡我就不寫了

#  透過透過去處理哦 在這裡我就不寫了

##4此物件進行取得

  取得資料的四種狀態 xhr.readyState 此屬性保存著要求資料的幾種狀態

    1.xhr.open(請求方式,請求位址,設定同/非同步);

    2.xhr.send(null);//發送請求 如果是post請求那麼參數需要在send中進行傳遞

#    3.會一直偵測資料是否回傳

#    3.會一直偵測資料是否回傳

#    3.會一直偵測資料是否回傳

#    3.

#    4.資料回傳那麼xhr.readyState的值是4  說明資料回傳成功

那麼我們需要進行跨域請求如何做呢

方案一:

  利用script標籤的src屬性請求資料 src屬性請求的資料瀏覽器是不會進行攔截的