ajax跨域訪問報(bào)錯(cuò)501的解決方法
更新時(shí)間：2016年12月14日 10:39:30 作者：程夢(mèng)真
這篇文章主要為大家詳細(xì)介紹了ajax跨域訪問報(bào)錯(cuò)501的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
問題：ajax跨域訪問報(bào)錯(cuò)501
運(yùn)行下面的代碼會(huì)報(bào)錯(cuò)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 在跨域的時(shí)候，除了contentType為application/x-www-form-urlencoded, multipart/form-data或者text/plain外，都會(huì)觸發(fā)瀏覽器先發(fā)送方法為OPTIONS的請(qǐng)求。
2 比如說，你原來的請(qǐng)求是方法方法POST，如果第一個(gè)請(qǐng)求返回的結(jié)果Header中的Allow屬性并沒有POST方法，
3那么第二個(gè)請(qǐng)求是不會(huì)發(fā)送的，此時(shí)瀏覽器控制臺(tái)會(huì)報(bào)錯(cuò)，告訴你POST方法并不被服務(wù)器支持。
參考文檔：http://www.foreverpx.cn/2016/06/22/cross_content_type/
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AJAX初體驗(yàn)之上手篇...2006-07-07
原生ajax調(diào)用數(shù)據(jù)實(shí)例講解
這篇文章主要向大家介紹了原生ajax調(diào)用數(shù)據(jù)實(shí)例，具有一定的參考價(jià)值，感興趣的朋友可以參考一下2016-01-01
pushState實(shí)現(xiàn)Ajax無刷新頁面切換
這篇文章主要介紹了pushState實(shí)現(xiàn)Ajax無刷新頁面切換的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
ajax快速解決參數(shù)過長(zhǎng)無法提交成功的問題
下面小編就為大家?guī)硪黄猘jax快速解決參數(shù)過長(zhǎng)無法提交成功的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了雙層ajax嵌套（可多層）用法,實(shí)例分析了Ajax嵌套的相關(guān)使用技巧,可實(shí)現(xiàn)多層嵌套的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合PHP session制作購物車，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
ajax實(shí)現(xiàn)標(biāo)簽導(dǎo)航
ajax實(shí)現(xiàn)標(biāo)簽導(dǎo)航...2006-11-11
[紅色]一個(gè)方便AJAX開發(fā)的通用類...2006-12-12
這篇文章主要介紹了Ajax表單異步上傳文件實(shí)例代碼（包括文件域）,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-08-08
解決瀏覽器記住ajax請(qǐng)求并能前進(jìn)和后退問題
在我們?yōu)g覽不同網(wǎng)頁的時(shí)候，我們可以通過瀏覽器的前進(jìn)、后退鍵來去到我們前后訪問過的頁面。這篇文章主要介紹了讓瀏覽器記住ajax請(qǐng)求并能前進(jìn)和后退方法(一),需要的朋友可以參考下2017-06-06