js跨域資源共享基礎篇

本文詳細介紹了javascript跨域資源共享，供大家參考，具體內容如下

1.為什麼提出跨域資源共享(CORS)?

因為XHR實現ajax的安全限制是：XHR 對像只能訪問與包含它的頁面位於同一個域中的資源

2.如何實現跨域？ （跨瀏覽器）

 // 跨瀏覽器創建並返回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 檢測成功，表示接受數據完畢request.onload = function(){ // 對響應的信息進行處理alert(request.responseText); // 取得響應的內容}; // 用於替代onreadystatechange 檢測錯誤。 request.onerror = function(){ // 對響應的信息進行處理}; // 用於停止正在進行的請求。 request.onabort = function(){ // 對響應的信息進行處理alert(request.responseText); }; // 跨域發送請求request.send(); }

以上就是本文的全部內容，希望對大家的學習有所幫助。