テキスト ファイルの内容を JavaScript 変数にロードするにはどうすればよいですか?

JavaScript 変数へのテキスト ファイルの内容のロード: Groovy から JavaScript への変換

Groovy では、テキスト ファイルの内容を変数にロードするのは簡単です。ただし、JavaScript では、URL.text を使用した同じメソッドは使用できません。

XMLHttpRequest (AJAX)

JavaScript で推奨されるソリューションは XMLHttpRequest (AJAX) です。 Web をリロードせずにサーバーとの非同期通信が可能page:

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

このメソッドはコールバックを使用して応答を処理し、「foo.txt」のテキスト内容を取得します。 AJAX はすべてのプラットフォームで利用できるわけではないことに注意することが重要です。

jQuery の使用

jQuery は、テキスト ファイルのロード プロセスを簡素化する人気の AJAX フレームワークです。

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

このコードは、jQuery の get() メソッドを使用して非同期的に「foo.txt」の内容を取得し、コールバック関数を使用して応答を処理します。

クロスオリジン セキュリティ

を使用してテキスト ファイルをロードすることを覚えておくことが重要です。これらのメソッドは、ファイルが Web アプリケーションと同じドメインにある場合にのみ機能します。クロスオリジン セキュリティ ポリシーにより、異なるドメインからのファイルへのアクセスが防止されます。

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