AJAX跨域請求資料方法歸納(實戰講解)

這次帶給大家AJAX跨域請求資料方法歸納(實戰講解)，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屬性請求的資料瀏覽器是不會進行攔截的

• 深入淺析Bootstrap列表組元件
• JavaScript函數柯里化詳解
• JS密碼產生與強度偵測完整實例(附demo源碼下載)
• Angularjs整合微信UI（weui）
• JavaScript快速切換繁體中文和簡體中文的方法及網站支援簡繁體切換的絕招_javascript技巧