js跨域資源共享 基礎(chǔ)篇
本文詳細介紹了javascript跨域資源共享,供大家參考,具體內(nèi)容如下
1.為什么提出跨域資源共享(CORS)?
因為XHR實現(xiàn)ajax的安全限制是:XHR 對象只能訪問與包含它的頁面位于同一個域中的資源
2.如何實現(xiàn)跨域?(跨瀏覽器)
// 跨瀏覽器創(chuàng)建并返回CORS對象 // param method : 請求的方式, get or post // param url : 跨域請求的url // return xhr : 返回的跨域資源對象 function createCORSRequest(method, url){ var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr){ xhr.open(method, url, true); // CORS都是通過異步的請求 } else if (typeof XDomainRequest != "undefined"){ // IE vxhr = new XDomainRequest(); xhr.open(method, url); } else { xhr = null; } return xhr; } var request = createCORSRequest("get", "http://localhost/aaa/dome2.php"); if (request){ // 用于替代onreadystatechange 檢測成功,表示接受數(shù)據(jù)完畢 request.onload = function(){ // 對響應(yīng)的信息進行處理 alert(request.responseText); // 取得響應(yīng)的內(nèi)容 }; // 用于替代onreadystatechange 檢測錯誤。 request.onerror = function(){ // 對響應(yīng)的信息進行處理 }; // 用于停止正在進行的請求。 request.onabort = function(){ // 對響應(yīng)的信息進行處理 alert(request.responseText); }; // 跨域發(fā)送請求 request.send(); }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
相關(guān)文章
Chrome中模態(tài)對話框showModalDialog返回值問題的解決方法
chrome中彈出模態(tài)對話框,通過window.returnValue賦返回值關(guān)閉后,有的情況下無法取得返回值。2010-05-05javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼
這篇文章主要介紹了javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼,重點講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02使用純javascript實現(xiàn)經(jīng)典掃雷游戲
本文給大家分享的是個人剛開始學(xué)習(xí)javascript的時候?qū)懙姆聎indows經(jīng)典的掃雷游戲的代碼,當(dāng)時只是寫了下來,沒加注釋,這里補上,有需要的小伙伴可以參考下。2015-04-04基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法
這篇文章主要介紹了基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06