AJAX跨域請求的詳細介紹

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

　　

　　這樣我們是可以請求到資料的 但是這樣有一些缺點

　　1.我們無法控制何時發送請求的 頁面加載到這裡就是發送請求的

　　2.這樣的方式 請求方式是同步的請求需要請求到資料才會執行下一步的程式碼 這樣頁面載入時間可能延長

###　　3.所以建議不要使用這樣的方式不推薦######方案二：######　　在js中動態建立script標籤指定請求的介面######　　var script = document.createELement("script");####### //將script追加到head標籤中######　　document.getElementsTagName("head")[0].appendChild(script);######　　優點：我們可以控制請求的時機 並且這樣請求的方式是異步的不會延長頁面加載的時間######　　重要點：我們可以在請求數據中調用請求頁面中的函數 使用函數的形參接收請求回來的數據######方案三：######　　在請求的後端介面設定一個請求頭即可######　　Access-Control-Allow-Origin######　　含有這個請求頭前端頁面跨域請求的資料就不會被瀏覽器進行攔截啦######方案四：######　　使用

以上是AJAX跨域請求的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！