DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js跨域資源共享 基礎篇
js跨域資源共享 基礎篇
編輯:關於JavaScript     

本文詳細介紹了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();
  }

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved