跨域时的类型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设置
网站链接：https://www.cdcxhl.com/news7/324257.html

成都网站建设公司_创新互联，为您提供ChatGPT、网站设计公司、手机网站建设、定制网站、App开发、移动网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站优化排名

网站建设知识

同城分类信息