ajax 跨域訪問報錯 501

參考文檔：

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方法並不被伺服器支援。