ホームページ > ウェブフロントエンド > jsチュートリアル > Weather.xsl ファイルにアクセスすると、jQuery の `load()` メソッドが「CORS エラー: Origin Null は Access-Control-Allow-Origin によって許可されません」というエラーで失敗するのはなぜですか?

Weather.xsl ファイルにアクセスすると、jQuery の `load()` メソッドが「CORS エラー: Origin Null は Access-Control-Allow-Origin によって許可されません」というエラーで失敗するのはなぜですか?

Mary-Kate Olsen
リリース: 2024-12-06 11:20:16
オリジナル
337 人が閲覧しました

Why is my jQuery `load()` method failing with a

CORS エラー: Origin Null Forbidden

jQuery のload() メソッドで「Origin Null は Access-Control-Allow によって許可されていません」というエラーが発生しました。 Weather.xsl からデータを取得しようとすると、「-Origin」エラーが発生するfile.

根本原因

このエラーは、リクエストがローカル ファイル (オリジン: null) から天気をホストしている可能性のあるリモート サーバーに対して行われるために発生します。 xslファイル。最新のブラウザでは、悪意のあるアクティビティを防ぐためにクロスオリジン リクエストを制限する Same Origin Policy (SOP) が適用されます。

解決策: ヘッダーの追加

CORS ヘッダーをこの問題は、weather.xsl ファイルで解決できます。このヘッダーは、サーバーが HTML ページのオリジンからのリクエストを許可していることをブラウザーに伝えます。 Access-Control-Allow-Origin ヘッダーの例を次に示します。

Access-Control-Allow-Origin: *
ログイン後にコピー

代替アプローチ

CORS ヘッダーの追加が実現できない場合は、代替方法を検討してください。

  • Web 上でホストするサーバー: ローカルまたはリモート Web サーバーを使用して、HTML ページとweather.xsl ファイルをホストします。これにより、オリジンが null でないことが保証され、リクエストを続行できるようになります。
  • プロキシを使用する: プロキシ サーバーを使用して、リクエストを Weather.xsl ファイルに転送します。プロキシ サーバーには、ファイルのサーバーによって受け入れられるオリジンが設定されます。
  • JSONP について検討します: JSONP は、CORS ヘッダーなしでクロスオリジン データの取得を可能にする技術です。ただし、コールバック関数を使用して JSON 形式でデータを返すように、weather.xsl ファイルを変更する必要があります。

以上がWeather.xsl ファイルにアクセスすると、jQuery の `load()` メソッドが「CORS エラー: Origin Null は Access-Control-Allow-Origin によって許可されません」というエラーで失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート