ホームページ  >  記事  >  ウェブフロントエンド  >  テキスト ファイルの内容を JavaScript 変数にロードするにはどうすればよいですか?

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

DDD
DDDオリジナル
2024-11-25 07:41:14576ブラウズ

How Can I Load a Text File's Contents into a JavaScript Variable?

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

Web アプリケーションのルートにテキスト ファイルが保存されているので、次のようにします。コンテンツを JavaScript 変数にロードします。 Groovy で「toURL()」メソッドを使用する方法と同様に、XMLHttpRequest (AJAX) を利用して JavaScript でこれを実現できます。

AJAX の実装は、使用している JavaScript フレームワークによって決まります。ただし、相互運用性の問題を無視すると、プレーンな JavaScript を使用したコード構造は次のようになります:

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

AJAX ただし、すべてのプラットフォームで普遍的にアクセスできるわけではありません。したがって、互換性を確保するには、jQuery などの AJAX フレームワークを利用することをお勧めします。

注意すべき重要な点の 1 つは、この方法は、「foo.txt」ファイルが同じドメインでホストされている場合にのみ成功するということです。あなたのウェブアプリケーション。ファイルが別のドメインに存在する場合、セキュリティ ポリシーにより、ファイルのコンテンツへのアクセスが制限されます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。