ajax跨域訪問報(bào)錯(cuò)501的解決方法
更新時(shí)間：2016年12月14日 10:39:30 作者：程夢真
這篇文章主要為大家詳細(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的請求。
2 比如說，你原來的請求是方法方法POST，如果第一個(gè)請求返回的結(jié)果Header中的Allow屬性并沒有POST方法，
3那么第二個(gè)請求是不會(huì)發(fā)送的，此時(shí)瀏覽器控制臺(tái)會(huì)報(bào)錯(cuò)，告訴你POST方法并不被服務(wù)器支持。
參考文檔：http://www.foreverpx.cn/2016/06/22/cross_content_type/
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
jquery ajax同步的意思是當(dāng)JS代碼加載到當(dāng)前ajax的時(shí)候會(huì)把頁面里所有的代碼停止加載，頁面出現(xiàn)了假死狀態(tài)，當(dāng)這個(gè)ajax執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他的代碼假死狀態(tài)解除。而異步的意思是這個(gè)ajax代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。本文給大家詳解，感興趣的朋友參考下2015-09-09
妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價(jià)實(shí)例代碼
這篇文章主要給大家介紹妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價(jià)實(shí)例代碼，非常不錯(cuò)，需要的朋友一起看看吧2016-05-05
國內(nèi)首發(fā) -- ajax完整功能框架2007-01-01
最近二天。項(xiàng)目做完了。閑著沒事做就自己寫了一點(diǎn)東西。在寫的過程中。發(fā)現(xiàn)利用服務(wù)器的文本框去查找用戶的相關(guān)信息的時(shí)刻總要去刷新頁面。2009-06-06
通過ajax向后臺(tái)發(fā)送和接收數(shù)據(jù)時(shí)，常常會(huì)出現(xiàn)同步異步問題。這篇文章給大家介紹Ajax同步和異步問題淺析，需要的朋友參考下2017-02-02
Ajax實(shí)現(xiàn)城市二級聯(lián)動(dòng)（一）
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)城市二級聯(lián)動(dòng)的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
用AJAX技術(shù)聚合RSS...2007-02-02
這篇文章主要為大家詳細(xì)介紹了ajax三級聯(lián)動(dòng)下拉菜單的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Ajax 動(dòng)態(tài)載入html頁面后不能執(zhí)行其中的js快速解決方法
這篇文章主要介紹了Ajax 動(dòng)態(tài)載入html頁面后不能執(zhí)行其中的js快速解決方法,需要的朋友可以參考下2018-06-06
ajax 返回值自動(dòng)添加pre標(biāo)簽的解決方法
ajax返回的內(nèi)容，居然自動(dòng)添加了pre標(biāo)簽，解決方法是修改一般處理程序的返回類型，遇到類似情況的可以參考下2014-07-07