テキスト ファイルを JavaScript 変数に読み込むにはどうすればよいですか?

テキスト ファイルのコンテンツを JavaScript 変数に読み取る方法

JavaScript アプリケーションの一般的なタスクは、テキスト ファイルのコンテンツを変数にロードすることです。これを実現するために、開発者は多くの場合、ページを更新せずにサーバーとの通信を可能にする XMLHttpRequest (AJAX) を利用します。

XMLHttpRequest for Text File Loading

XMLHttpRequest を使用すると、 GET リクエストをテキスト ファイルに送信し、その内容を応答として受け取ることができます。以下に例を示します。

var client = new XMLHttpRequest();
client.open('GET', '/foo.txt');
client.onreadystatechange = function() {
  console.log(client.responseText);
}
client.send();

このコードは、テキスト ファイルへの GET リクエストを開き、readystatechange イベントのイベント リスナーを設定して、リクエストを送信します。リクエストが完了するとイベント リスナーがトリガーされ、レスポンス テキストは client.responseText から取得できます。

フレームワークの考慮事項

ただし、XMLHttpRequest は使用できない場合があります。すべての JavaScript フレームワークで。したがって、jQuery などのフレームワークを使用すると、プロセスを簡素化できます。

$.get('/foo.txt', function(data) {
  console.log(data);
});

同一オリジンのセキュリティに関する考慮事項

このメソッドは、テキスト ファイルが次の場合にのみ機能することに注意してください。 JavaScript アプリケーションと同じドメインにあります。同一オリジンのセキュリティ ポリシーにより、クロスドメインのリソース通信が禁止されます。

以上がテキスト ファイルを JavaScript 変数に読み込むにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。