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跨域
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- 使用cors完成跨域請求處理CORS跨域
- springboot系列文章之實現跨域請求(CORS)Spring Boot跨域CORS
- CORS跨域限制以及預請求驗證CORS跨域
- Ajax+SpringMVC實現跨域請求SpringMVC跨域
- Springboot處理CORS跨域請求的三種方法Spring BootCORS跨域
- 搞定所有的跨域請求問題: jsonp & CORS跨域JSONCORS
- 跨域之CORS跨域CORS
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- AJAX 跨域請求解跨域
- Python全棧Web(AjaxJQuery-AJAX跨域請求)Python全棧WebjQuery跨域
- CORS方式實現ajax跨域 — nginx配置CORS跨域Nginx
- 解決 jquery使用ajax請求發生跨域問題的辦法jQuery跨域
- js ajax請求封裝及解決node請求跨域問題JS封裝跨域
- CORS跨域時,為何會傳送兩次請求?CORS跨域
- 跨域請求跨域
- 跨域之OPTION請求【轉載】跨域
- vue跨域請求Vue跨域
- 跨域CORS跨域CORS
- CORS跨域CORS跨域
- 巧用javascript ajax,實現跨域請求外帶,增大漏洞危害JavaScript跨域
- 掌握 CORS 跨域請求,讀這一篇文章就夠了CORS跨域
- 允許跨域請求跨域
- vue axios 請求跨域VueiOS跨域
- 跨域 Cors error跨域CORSError
- Vue——介面請求支援跨域Vue跨域
- 同源政策與跨域請求跨域
- Cross-origin 跨域請求ROS跨域
- 跨域請求後端配置跨域後端
- php 支援jsonp跨域請求PHPJSON跨域
- NGINX如何配置跨域請求Nginx跨域
- CORS跨域時,為何會出現一次動作,兩次請求?CORS跨域
- JavaScript-CORS 跨域JavaScriptCORS跨域
- csrf解決Ajax請求跨站問題
- ajax請求
- 安全系列之:跨域資源共享CORS跨域CORS