跨域時的類型Content-Type設置

2024-04-19 分類：網站建設

在很多 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> 誰的責任？將來會如何？當然只要做一些手動調整就可以解決這個問題，而且 Angular 的「application/json」確實是更先進的東西，Angular 沒有錯，jQuery 也沒有錯，錯的應該是 CORS，是瀏覽器提供的默認支持程度太低。實際上「applications/json」同「application/x-www-form-urlencoded」一樣是安全的，也是標準的，只是瀏覽器目前支持的還不好而已。我相信過不了多久「Access-Control-Allow-Headers」缺省時對這些的支持應該也會有。本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

本文名稱：跨域時的類型Content-Type設置
網站鏈接：http://m.kartarina.com/news7/324257.html

成都網站建設公司_創新互聯，為您提供ChatGPT、網站設計公司、手機網站建設、定制網站、App開發、移動網站建設

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

猜你還喜歡下面的內容

企業網站建設如何彰顯品牌競爭力呢? 2024-04-19
遠程登不上服務器發生驗證錯誤要求的函數不受支持問題解決 2024-04-19
美國服務器處理問題的辦法 2024-04-19
如何從零開始開發iOSApp到上架賺錢-附完整源碼 2024-04-19
關于網站色彩搭配的原理及方法 2024-04-19
JS中可以提升幸福度的小技巧(二) 2024-04-19
成都app開發分析商場超市類特性有哪些?必要性、功能、流程介紹！ 2024-04-19