跨域时的类型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」缺省时无法请求成功。可以使用下面代码测试（请自带 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设置
网站链接：/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