-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
从安
2019-06-25
来源 ：
阅读 1806
评论 0
摘要：本篇文章主要讲述jQuery下解析Ajax跨域请求，设置content，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。
本篇文章主要讲述jQuery下解析Ajax跨域请求，设置content，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。
在使用Ajax跨域请求时，如果设置Header的ContentType为application/json,会分两次发送请求。第
一次先发送Method为OPTIONS的请求到服务器，这个请求会询问服务器支持哪些请求方法（GET,POST等），
支持哪些请求头等等服务器的支持情况。等到这个请求返回后，如果原来我们准备发送的请求符合服务器的规则，那么才会继续发送第二个请求，否则会在Console中报错。
注意Note后面的描述，在跨域的时候，除了contentType为application/x-www-form-urlencoded, multipart/form-data或者text/plain外，都会触发浏览器先发送方法为OPTIONS的请求。
比如说，你原来的请求是方法方法POST，如果第一个请求返回的结果Header中的Allow属性并没有POST方法，
那么第二个请求是不会发送的，此时浏览器控制台会报错，告诉你POST方法并不被服务器支持。
不仅如此，如果想要用ContentType:application/json发送跨域请求，服务器端还必须设置一个名为
Access-Control-Allow-Headers 的Header，将它的值设置为 Content-Type，表明服务器能够接收
到前端发送的请求中的ContentType属性并使用它的值。否则第二次请求也是发不出去的，浏览器console会
报错，并提示你服务器没有设置Access-Control-Allow-Headers。
本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
