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

テキスト ファイルの内容を JavaScript 変数にロードする

質問: ローカル テキストの内容をロードするにはどうすればよいですか?ファイル (foo.txt) を JavaScript 変数に変換します。これは、次の場合と同様です。 Groovy?

解決策:

XMLHttpRequest (XML を使用しない AJAX) は、リモート リソースを非同期で取得する方法を提供し、次の手順でテキスト ファイルの内容を読み取ることができます。

1. XMLHttpRequest オブジェクト:
   まず、新しい XMLHttpRequest オブジェクトを作成します。

var client = new XMLHttpRequest();

2. GET リクエストを開いて送信します:
   ファイルの URL への GET リクエストと送信のトリガーprocess.

client.open('GET', '/foo.txt');
client.send();

3. 応答の処理:
   リクエストの状態を常にチェックするイベント ハンドラーを onreadystatechange イベントにアタッチします。

client.onreadystatechange = function() {
  // Alert the responseText when the request is complete.
  if (client.readyState == 4 && client.status == 200) {
    alert(client.responseText);
  }
}

代替オプション - jQuery:

XMLHttpRequest の使用が機能する一方で、jQuery は AJAX 操作のためのより便利なインターフェイスを提供します。

$.ajax({
  url: '/foo.txt',
  dataType: 'text',
  success: function(data) {
    console.log(data);
  }
});

注:

セキュリティ上の理由から、このアプローチでは、アプリケーションのオリジンと同じドメインからのファイルのロードのみが許可されます。

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