ajax跨域請求之CORS的使用

fondtiger發表於2021-09-09

上一次記錄了使用JSONP跨域,但是JSONP只適合get請求並不能完全解決問題;今天來說一下透過CORS解決跨域,get和post請求方式都適合。
CORS(Cross-Origin Resource Sharing)既跨域資源共享,它允許瀏覽器向跨源伺服器,發出XMLHttpRequest請求,從而克服了AJAX只能同源使用的限制。
實現CORS通訊的關鍵是伺服器。只要伺服器實現了CORS介面,就可以跨源通訊。
伺服器設定請求頭:Access-Control-Allow-Origin啟用CORS。
接下來直接上程式碼:

//初始化ajax物件
var xhr = new XMLHttpRequest();
//連線地址,準備資料
xhr.open(“方式”,”地址”,是否為非同步);
//接收資料完成觸發的事件
xhr.onload =function(){}
//傳送資料
xhr.send();

注意此方法不能低於IE10,所以要滿足IE10一下要使用XDomainRequest物件。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2508/viewspace-2798511/,如需轉載,請註明出處,否則將追究法律責任。

相關文章