ホームページ  >  記事  >  ウェブフロントエンド  >  Ajaxクロスドメインアクセスエラー501の対処方法

Ajaxクロスドメインアクセスエラー501の対処方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-02 17:49:492494ブラウズ

今回は、ajax クロスドメイン アクセスで報告される 501 エラーの対処方法を説明します。 ajax クロスドメイン アクセス エラーに対処する際の 注意事項 は何ですか? 以下は実際的なケースです。 。

問題: ajaxクロスドメインアクセスエラー501

次のコードを実行するとエラー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);
      }
    }
  });

解決策:

Remove

contentType:'application/json; f-8 '

理由:

1 contentType が application/x-www-form-urlencoded、multipart/form-data、または text/plain の場合を除き、ドメインを越える場合、ブラウザーはメソッド OPTIONS を送信するようにトリガーされます。まず尋ねてください。

2 たとえば、元のリクエストが POST メソッドである場合、最初のリクエスト

Header によって返された結果に Allow 属性 があり、POST メソッド

3 がない場合、2 番目のリクエストは送信されません。はい、この時点でブラウザ コンソールはエラーを報告し、POST メソッドがサーバーでサポートされていないことを示します。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Ajax を使用して人事システム データに基づいて OA アカウントを追加する方法

Ajax でキーワードのインテリジェントな一致検索を行う方法

以上がAjaxクロスドメインアクセスエラー501の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。