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)行下面的代碼會報(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外，都會觸發(fā)瀏覽器先發(fā)送方法為OPTIONS的請求。

2 比如說，你原來的請求是方法方法POST，如果第一個(gè)請求返回的結(jié)果Header中的Allow屬性并沒有POST方法，

3那么第二個(gè)請求是不會發(fā)送的，此時(shí)瀏覽器控制臺會報(bào)錯(cuò)，告訴你POST方法并不被服務(wù)器支持。

參考文檔：http://www.foreverpx.cn/2016/06/22/cross_content_type/

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AJAX初體驗(yà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ù)過長無法提交成功的問題
下面小編就為大家?guī)硪黄猘jax快速解決參數(shù)過長無法提交成功的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
雙層ajax嵌套（可多層）用法實(shí)例
這篇文章主要介紹了雙層ajax嵌套（可多層）用法,實(shí)例分析了Ajax嵌套的相關(guān)使用技巧,可實(shí)現(xiàn)多層嵌套的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
Ajax + PHP session制作購物車
這篇文章主要為大家詳細(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ā)的通用類
[紅色]一個(gè)方便AJAX開發(fā)的通用類...
2006-12-12
Ajax表單異步上傳文件實(shí)例代碼（包括文件域）
這篇文章主要介紹了Ajax表單異步上傳文件實(shí)例代碼（包括文件域）,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-08-08
解決瀏覽器記住ajax請求并能前進(jìn)和后退問題
在我們?yōu)g覽不同網(wǎng)頁的時(shí)候，我們可以通過瀏覽器的前進(jìn)、后退鍵來去到我們前后訪問過的頁面。這篇文章主要介紹了讓瀏覽器記住ajax請求并能前進(jìn)和后退方法(一),需要的朋友可以參考下
2017-06-06