跨域時的類型Content-Type設置

2024-04-19    分類： 網(wǎng)站建設

在很多 XHR 封裝中都會對請求頭的 Content-Type 字段做設置，比如 jQuery 默認使用「application/x-www-form-urlencoded」，這個是完全沒問題了，即使是 CORS，且目標服務器沒有設置「Access-Control-Allow-Headers」也沒問題。但如果使用其他類型就不行了。 jQuery::ajax VS Angular::$http CORS 時默認只支持「application/x-www-form-urlencoded」，所以 jQuery 的 ajax 方法可以正常工作，而 Angular 的 $http 由于默認使用「application/json」所以在服務器的「Access-Control-Allow-Headers」缺省時無法請求成功?？梢允褂孟旅娲a測試（請自帶 jQuery 和 Angular）。 //nodejs require('http').createServer(function(req,res){ res.setHeader('Access-Control-Allow-Origin','*'); res.end('ok'); }).listen(1234); <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angular.js"></script> <script> $.ajax({ type:"post", url:"http://127.0.0.1:1234/", data:{a:1}, }).done(function(e){ console.log("jQuery OK"); });

angular.module("app",[]).controller("ctrl",["$http",function($http){ $http({ method:"post", url:"http://127.0.0.1:1234/", data:{a:1} }).success(function(e){ console.log("Angular OK"); }); }]); </script> <body ng-app="app" ng-controller="ctrl"></body> 誰的責任？將來會如何？ 當然只要做一些手動調(diào)整就可以解決這個問題，而且 Angular 的「application/json」確實是更先進的東西，Angular 沒有錯，jQuery 也沒有錯，錯的應該是 CORS，是瀏覽器提供的默認支持程度太低。實際上「applications/json」同「application/x-www-form-urlencoded」一樣是安全的，也是標準的，只是瀏覽器目前支持的還不好而已。我相信過不了多久「Access-Control-Allow-Headers」缺省時對這些的支持應該也會有。 本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：跨域時的類型Content-Type設置
網(wǎng)站鏈接：http://muchs.cn/news7/324257.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站設計公司、手機網(wǎng)站建設、定制網(wǎng)站、App開發(fā)、移動網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名