ajax跨域访问报错501怎么处理

来源：懂视网责编：小采时间：2020-11-27 19:56:49

ajax跨域访问报错501怎么处理

ajax跨域访问报错501怎么处理:这次给大家带来ajax跨域访问报错501怎么处理，处理ajax跨域访问报错的注意事项有哪些，下面就是实战案例，一起来看一下。问题：ajax跨域访问报错501运行下面的代码会报错501$.ajax({ type: "POST", url: "http://192

推荐度：

点击下载本文 文档为doc格式

导读ajax跨域访问报错501怎么处理:这次给大家带来ajax跨域访问报错501怎么处理，处理ajax跨域访问报错的注意事项有哪些，下面就是实战案例，一起来看一下。问题：ajax跨域访问报错501运行下面的代码会报错501$.ajax({ type: "POST", url: "http://192

这次给大家带来ajax跨域访问报错501怎么处理，处理ajax跨域访问报错的注意事项有哪些，下面就是实战案例，一起来看一下。

问题：ajax跨域访问报错501

运行下面的代码会报错501

$.ajax({
 type: "POST",
 url: "http://192.168.1.202/sensordata.php",
 contentType:'application/json; charset=utf-8',
 data: JSON.stringify(ajaxPostData),
 dataType:'json',
 success: function(data){
 //On ajax success do this
 console.info("success.");
 if (data["status"] == "ok"){
 alert("Settings is Ok. The Machine is rebooting.");
 }
 },
 error: function(xhr, ajaxOptions, thrownError) {
 //On error do this
 console.info("error.");
 if (xhr.status == 200) {
 alert(ajaxOptions);
 }
 else {
 alert(xhr.status);
 alert(thrownError);
 }
 }
 });

解决方法：

去掉 contentType:'application/json; charset=utf-8'

原因：

1 在跨域的时候，除了contentType为application/x-www-form-urlencoded, multipart/form-data或者text/plain外，都会触发浏览器先发送方法为OPTIONS的请求。

2 比如说，你原来的请求是方法方法POST，如果第一个请求返回的结果Header中的Allow属性并没有POST方法，

3那么第二个请求是不会发送的，此时浏览器控制台会报错，告诉你POST方法并不被服务器支持。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！