ajax跨域請求之CORS的使用
上一次記錄了使用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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CORS跨域請求CORS跨域
- Koa2框架利用CORS完成跨域ajax請求框架CORS跨域
- 使用cors完成跨域請求處理CORS跨域
- CORS跨域請求總結CORS跨域
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- jquery ajax 跨域請求jQuery跨域
- CORS跨域限制以及預請求驗證CORS跨域
- springboot系列文章之實現跨域請求(CORS)Spring Boot跨域CORS
- ajax跨域請求簡單介紹跨域
- 跨域ajax請求,伺服器會收到請求嗎?跨域伺服器
- 跨域之CORS跨域CORS
- 使用CORS實現ajax跨域簡單介紹CORS跨域
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- Ajax+SpringMVC實現跨域請求SpringMVC跨域
- ajax跨域post請求,如何實現呢跨域
- 搞定所有的跨域請求問題: jsonp & CORS跨域JSONCORS
- PHP AJAX JSONP實現跨域請求使用例項PHPJSON跨域
- Springboot處理CORS跨域請求的三種方法Spring BootCORS跨域
- springboot設定cors跨域請求的兩種方式Spring BootCORS跨域
- ajax實現的跨域請求程式碼例項跨域
- AJAX 跨域請求解跨域
- CORS方式實現ajax跨域 — nginx配置CORS跨域Nginx
- CORS跨域時,為何會傳送兩次請求?CORS跨域
- 跨域請求?兩種解決方案CORS與JSONP跨域CORSJSON
- 跨域請求跨域
- js ajax請求封裝及解決node請求跨域問題JS封裝跨域
- 解決 jquery使用ajax請求發生跨域問題的辦法jQuery跨域
- 利用JQuery實現更簡單的Ajax跨域請求jQuery跨域
- AJAX 跨源 HTTP 請求HTTP
- 跨域之OPTION請求【轉載】跨域
- Python全棧Web(AjaxJQuery-AJAX跨域請求)Python全棧WebjQuery跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(一)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(二)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(三)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(四)XMLHTTP跨域
- 跨域CORS跨域CORS
- CORS跨域CORS跨域
- vue跨域請求Vue跨域