Wie lade ich eine lokale Textdatei in eine JavaScript-Variable?

Textdateiinhalte in eine JavaScript-Variable laden

Frage: Wie können wir den Inhalt eines lokalen Textes laden? Datei (foo.txt) in eine JavaScript-Variable, ähnlich wie in Groovy?

Lösung:

XMLHttpRequest (AJAX ohne XML) bietet eine Möglichkeit, Remote-Ressourcen asynchron abzurufen, sodass wir den Inhalt der Textdatei über die folgenden Schritte lesen können:

1. Erstellen Sie eine XMLHttpRequest Objekt:
   Erstellen Sie zunächst ein neues XMLHttpRequest-Objekt.

var client = new XMLHttpRequest();

2. Öffnen und senden Sie eine GET-Anfrage:
   Öffnen Sie ein GET Anfrage an die URL der Datei senden und den Versand auslösen verarbeiten.

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

3. Verarbeiten Sie die Antwort:
   Fügen Sie einen Ereignishandler an das onreadystatechange-Ereignis an, das ständig den Status der Anfrage überprüft.

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

Alternative Option - jQuery:

Während die Verwendung von XMLHttpRequest funktioniert, bietet jQuery eine praktischere Schnittstelle für AJAX-Operationen:

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

Hinweis:

Für Aus Sicherheitsgründen erlaubt dieser Ansatz nur das Laden von Dateien aus derselben Domäne wie der Ursprung der Anwendung.

Das obige ist der detaillierte Inhalt vonWie lade ich eine lokale Textdatei in eine JavaScript-Variable?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!