经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
Ajax跨域请求,设置content
来源:cnblogs  作者:程先生哈  时间:2019/5/20 8:53:11  对本文有异议

在使用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。



原文链接:http://www.cnblogs.com/daniao11417/p/10880326.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号