ブラウザ間での Jqueryload() の不一致

JQuery と AJAX を詳しく調べようとすると、開発者は、load( ) 関数は、異なるブラウザ間で一貫性のない動作を示します。具体的には、提供されたコード スニペットでは、load() 関数を利用して、list1.html の内容を、index.html.

上の ID「stage」を持つ div に追加します。 Chrome では、list1.html から追加されたコンテンツが表示されないままになります。ただし、Firefox で同じindex.html を開くと、期待どおりの結果が表示されます。この動作の不一致は、Chrome、Internet Explorer、および Firefox で確認されています。

原因の理解

ブラウザの応答の違いは、Chrome と Internet Explorer が禁止しているという事実に起因しています。 AJAX を使用したローカル ファイルの直接取得 (特にファイル システムから実行する場合)。この制限は、潜在的なセキュリティ脆弱性を防ぐために適用されます。一方、Firefox ではこの機能がデフォルトで許可されています。

解決策: Chrome でのファイル アクセスの有効化

この問題を解決し、ブラウザ間で一貫した動作を確保するには、ユーザーは次のことを行うことができます。 「--allow-file-access-from-files」フラグを使用して Chrome / Chromium を起動します。このフラグを永続化する方法の詳細な手順は、https://stackoverflow.com/questions/20567587/how-do-i-make-the-google-chrome-flag-allow-file-access-from-files- で参照できます。永続。