Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Membaca Fail Teks ke dalam Pembolehubah JavaScript?

Bagaimanakah Saya Boleh Membaca Fail Teks ke dalam Pembolehubah JavaScript?

Patricia Arquette
Lepaskan: 2024-11-26 05:33:10
asal
586 orang telah melayarinya

How Can I Read a Text File into a JavaScript Variable?

Cara Membaca Kandungan Fail Teks ke dalam Pembolehubah JavaScript

Tugas biasa dalam aplikasi JavaScript ialah memuatkan kandungan fail teks ke dalam pembolehubah. Untuk mencapai matlamat ini, pembangun sering beralih kepada XMLHttpRequest (AJAX), yang membenarkan komunikasi dengan pelayan tanpa muat semula halaman.

XMLHttpRequest untuk Pemuatan Fail Teks

Menggunakan XMLHttpRequest, anda boleh menghantar permintaan GET ke fail teks dan menerima kandungannya sebagai respons. Berikut ialah contoh:

var client = new XMLHttpRequest();
client.open('GET', '/foo.txt');
client.onreadystatechange = function() {
  console.log(client.responseText);
}
client.send();
Salin selepas log masuk

Kod ini membuka permintaan GET ke fail teks, menyediakan pendengar acara untuk acara readystatechange dan menghantar permintaan. Pendengar acara akan dicetuskan apabila permintaan selesai dan teks respons boleh diperolehi daripada client.responseText.

Pertimbangan Rangka Kerja

Walau bagaimanapun, XMLHttpRequest mungkin tidak tersedia dalam semua rangka kerja JavaScript. Oleh itu, menggunakan rangka kerja seperti jQuery boleh memudahkan proses:

$.get('/foo.txt', function(data) {
  console.log(data);
});
Salin selepas log masuk

Pertimbangan Keselamatan Asal Sama

Perhatikan bahawa kaedah ini hanya akan berfungsi jika fail teks adalah terletak pada domain yang sama dengan aplikasi JavaScript anda. Dasar keselamatan asal yang sama melarang komunikasi sumber merentas domain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membaca Fail Teks ke dalam Pembolehubah JavaScript?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan