ajax跨域post請求,如何實現呢
我們都知道,ajax不能做跨域請求,我們首先想到的是jsonp,但是問題來了,它只是支援get請求,如果要傳輸資料量比較大,get請求就不能滿足我們的需求了,我們需要使用ajax的post跨域請求,如何實現呢,我們可以通過cors。
CORS的原理:
cors是一種跨域訪問機制,可以讓ajax實現跨域訪問,CORS 允許一個域上的網路應用向另一個域提交跨域 AJAX 請求。實現此功能非常簡單,我們只需要向伺服器傳送一個響應標頭即可(ie8以上才支援)
設定,“*”號表示允許任何域向我們的服務端提交請求,也可以設定成指定的域名。
- 剛剛說到的相容性。CORS是W3C中一項較新的方案,所以部分瀏覽器還沒有對其進行支援或者完美支援,詳情可移至 http://www.w3.org/TR/cors/
- 安全問題。CORS提供了一種跨域請求方案,但沒有為安全訪問提供足夠的保障機制,如果你需要資訊的絕對安全,不要依賴CORS當中的許可權制度,應當使用更多其它的措施來保障,比如OAuth2。
cors在移動終端支援的不錯,可以考慮在移動端全面嘗試;PC上有不相容和沒有完美支援,所以小心踩坑。當然瀏覽器相容就是個偽命題,說不準某個瀏覽器的某個版本就完美相容了,說不準就有點小坑,尼瑪傷不起!
jsonp是get形式,承載的資訊量有限,所以資訊量較大時CORS是不二選擇;
配合新的JSAPI(fileapi、xhr2等)一起使用,實現強大的新體驗功能。
相關文章
- Ajax+SpringMVC實現跨域請求SpringMVC跨域
- jquery ajax 跨域請求jQuery跨域
- ajax實現的跨域請求程式碼例項跨域
- 巧用javascript ajax,實現跨域請求外帶,增大漏洞危害JavaScript跨域
- PHP AJAX JSONP實現跨域請求使用例項PHPJSON跨域
- 利用JQuery實現更簡單的Ajax跨域請求jQuery跨域
- 原生js實現Ajax請求,包含get和postJS
- ajax跨域請求之CORS的使用跨域CORS
- ajax跨域請求簡單介紹跨域
- 跨域ajax請求,伺服器會收到請求嗎?跨域伺服器
- ajax實現跨域請求程式碼例項簡單介紹跨域
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- AJAX 跨域請求解跨域
- NGINX如何配置跨域請求Nginx跨域
- 跨域請求跨域
- js ajax請求封裝及解決node請求跨域問題JS封裝跨域
- AJAX 跨源 HTTP 請求HTTP
- JS傳送跨域Post請求出現兩次請求的解決辦法JS跨域
- Koa2框架利用CORS完成跨域ajax請求框架CORS跨域
- Python全棧Web(AjaxJQuery-AJAX跨域請求)Python全棧WebjQuery跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(一)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(二)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(三)XMLHTTP跨域
- AJAX(XMLHttpRequest)進行跨域請求方法詳解(四)XMLHTTP跨域
- 簡單的實現jsonp跨域請求JSON跨域
- CORS跨域請求CORS跨域
- vue跨域請求Vue跨域
- ajax中POST請求與引數(請求體)設定
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- KKB : Jquery實現Ajax請求jQuery
- $.getJSON()實現跨域請求程式碼例項JSON跨域
- 如何使flask允許跨域請求Flask跨域
- 如何使用angularjs實現ajax非同步請求AngularJS非同步
- 前端跨域請求原理及實踐前端跨域
- 使用HTML5中postMessage 實現ajax中的POST跨域問題HTML跨域
- 使用HTML5中postMessage實現Ajax中的POST跨域問題HTML跨域
- 允許跨域請求跨域
- javascript如何實現跨域請求解決方案JavaScript跨域