Bagaimana untuk Memuatkan Fail Teks Setempat ke dalam Pembolehubah JavaScript?

Memuatkan Kandungan Fail Teks ke dalam Pembolehubah JavaScript

Soalan: Bagaimanakah kita boleh memuatkan kandungan teks setempat fail (foo.txt) ke dalam pembolehubah JavaScript, sama seperti berbuat demikian dalam Groovy?

Penyelesaian:

XMLHttpRequest (AJAX tanpa XML) menyediakan cara untuk mendapatkan semula sumber jauh secara tidak segerak, membolehkan kami membaca kandungan fail teks melalui langkah berikut:

1. Buat XMLHttpRequest Objek:
   Mulakan dengan mencipta objek XMLHttpRequest baharu.

var client = new XMLHttpRequest();

2. Buka dan Hantar Permintaan GET:
   Buka GET meminta ke URL fail dan mencetuskan penghantaran proses.

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

3. Kendalikan Respons:
   Lampirkan pengendali acara pada acara onreadystatechange, yang sentiasa menyemak keadaan permintaan.

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

Pilihan Alternatif - jQuery:

Semasa menggunakan XMLHttpRequest berfungsi, jQuery menawarkan antara muka yang lebih mudah untuk operasi AJAX:

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

Nota:

Untuk sebab keselamatan, pendekatan ini hanya membenarkan memuatkan fail dari domain yang sama dengan asal aplikasi.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Fail Teks Setempat ke dalam Pembolehubah JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!