HTMLでtxtファイルを読む方法

下次还敢
リリース: 2024-04-05 10:36:20
オリジナル
1195 人が閲覧しました

在 HTML 中读取 TXT 文件需要使用 JavaScript 的 XMLHttpRequest 对象。具体步骤包括:创建 XHR 对象打开请求并设置请求类型设置响应类型发送请求处理响应请求完成后,XHR 对象的 onload 事件将触发,此时可以获取响应内容。

HTMLでtxtファイルを読む方法

如何使用 HTML 读取 TXT 文件

在 HTML 中读取 TXT 文件需要通过 JavaScript 的 XMLHttpRequest(XHR)对象。具体步骤如下:

1. 创建 XHR 对象

<code class="javascript">var xhr = new XMLHttpRequest();</code>
ログイン後にコピー

2. 打开请求并设置请求类型

<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>
ログイン後にコピー

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>
ログイン後にコピー

4. 发送请求

<code class="javascript">xhr.send();</code>
ログイン後にコピー

5. 处理响应

请求完成后,XHR 对象的 onload 事件将触发。此时可以获取响应内容:

<code class="javascript">xhr.onload = function() {
  var txt = xhr.response;
  // 对 txt 文本内容进行操作
};</code>
ログイン後にコピー

示例代码

<code class="javascript">var xhr = new XMLHttpRequest();

xhr.open('GET', 'path/to/text.txt');

xhr.responseType = 'text';

xhr.send();

xhr.onload = function() {
  document.getElementById('txt-content').innerHTML = xhr.response;
};</code>
ログイン後にコピー

注意:

  • 确保 TXT 文件与 HTML 文件位于同一域名或已设置 CORS(跨域资源共享)。
  • 如果 TXT 文件包含特殊字符,可能需要对响应文本进行转义处理。

以上がHTMLでtxtファイルを読む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート