ajax 跨域访问报错 501

最新推荐文章于 2024-07-11 15:38:00 发布

程梦真

最新推荐文章于 2024-07-11 15:38:00 发布

阅读量3k

点赞数 1

分类专栏： PHP 文章标签： ajax php

本文链接：https://blog.csdn.net/u011168565/article/details/53634996

版权

PHP 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

参考文档：

http://www.foreverpx.cn/2016/06/22/cross_content_type/

问题：

运行下面的代码会报错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'
原因：

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

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

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