Rumah > hujung hadapan web > html tutorial > Bagaimana untuk membaca fail txt dalam html

Bagaimana untuk membaca fail txt dalam html

下次还敢
Lepaskan: 2024-04-05 10:36:20
asal
1195 orang telah melayarinya

Membaca fail TXT dalam HTML memerlukan penggunaan objek XMLHttpRequest JavaScript. Langkah-langkah khusus termasuk: Cipta objek XHR Buka permintaan dan tetapkan jenis permintaan Tetapkan jenis respons Hantar permintaan Proses respons Selepas permintaan selesai, peristiwa bebanan objek XHR akan dicetuskan, dan kandungan respons boleh diperolehi .

Bagaimana untuk membaca fail txt dalam html

Cara membaca fail TXT menggunakan HTML

Membaca fail TXT dalam HTML memerlukan objek XMLHttpRequest (XHR) JavaScript. Langkah-langkah khusus adalah seperti berikut: XMLHttpRequest(XHR)对象。具体步骤如下:

1. 创建 XHR 对象

<code class="javascript">var xhr = new XMLHttpRequest();</code>
Salin selepas log masuk

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

<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>
Salin selepas log masuk

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>
Salin selepas log masuk

4. 发送请求

<code class="javascript">xhr.send();</code>
Salin selepas log masuk

5. 处理响应

请求完成后,XHR 对象的 onload

1 Buat . Pada ketika ini anda boleh mendapatkan kandungan respons:

<code class="javascript">xhr.onload = function() {
  var txt = xhr.response;
  // 对 txt 文本内容进行操作
};</code>
Salin selepas log masuk

Contoh kod

<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>
Salin selepas log masuk

Nota:
  • Pastikan fail TXT dan fail HTML berada dalam nama domain atau CORS (Cross-Origin Resource Resource) yang sama ) telah ditetapkan.
Jika fail TXT mengandungi aksara khas, teks respons mungkin perlu dilepaskan. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk membaca fail txt dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan