Wie lade ich den Inhalt einer Textdatei in eine JavaScript-Variable?

Laden von Inhalten einer Textdatei in eine JavaScript-Variable: Groovy-zu-JavaScript-Übersetzung

In Groovy ist das Laden von Inhalten einer Textdatei in eine Variable unkompliziert . In JavaScript ist die gleiche Methode mit URL.text jedoch nicht verfügbar.

XMLHttpRequest (AJAX)

Die bevorzugte Lösung in JavaScript ist XMLHttpRequest (AJAX). ermöglicht die asynchrone Kommunikation mit einem Server, ohne eine Webseite neu laden zu müssen:

var client = new XMLHttpRequest();
client.open('GET', '/foo.txt');
client.onreadystatechange = function() {
  alert(client.responseText);
}
client.send();

Diese Methode verwendet a Rückruf, um die Antwort zu verarbeiten und den Textinhalt von „foo.txt“ abzurufen. Es ist wichtig zu beachten, dass AJAX möglicherweise nicht auf allen Plattformen verfügbar ist.

Verwendung von jQuery

jQuery ist ein beliebtes AJAX-Framework, das das Laden von Textdateien vereinfacht:

$.get('/foo.txt', function(data) {
  alert(data);
});

Dieser Code verwendet die get()-Methode von jQuery, um den Inhalt von asynchron abzurufen 'foo.txt' und verarbeiten Sie die Antwort mithilfe einer Rückruffunktion.

Cross-Origin-Sicherheit

Es ist wichtig zu bedenken, dass das Laden einer Textdatei mit diesen Methoden nur möglich ist funktioniert, wenn sich die Datei in derselben Domäne wie die Webanwendung befindet. Ursprungsübergreifende Sicherheitsrichtlinien verhindern den Zugriff auf Dateien aus verschiedenen Domänen.

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