Comment charger le contenu d'un fichier texte dans une variable JavaScript ?

Chargement du contenu d'un fichier texte dans une variable JavaScript : traduction de Groovy vers JavaScript

Dans groovy, le chargement du contenu d'un fichier texte dans une variable est simple . Cependant, en JavaScript, la même méthode utilisant URL.text n'est pas disponible.

XMLHttpRequest (AJAX)

La solution préférée en JavaScript est XMLHttpRequest (AJAX), qui permet une communication asynchrone avec un serveur sans recharger une page web :

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

Cette méthode utilise un rappel pour gérer la réponse et récupérer le contenu textuel de 'foo.txt'. Il est important de noter qu'AJAX peut ne pas être disponible sur toutes les plateformes.

Utilisation de jQuery

jQuery est un framework AJAX populaire qui simplifie le processus de chargement de fichiers texte :

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

Ce code utilise la méthode get() de jQuery pour récupérer de manière asynchrone le contenu de 'foo.txt' et gérez la réponse à l'aide d'une fonction de rappel.

Sécurité cross-origine

Il est essentiel de se rappeler que le chargement d'un fichier texte à l'aide de ces méthodes ne fonctionnera que si le fichier est situé sur le même domaine que l'application Web. Les politiques de sécurité multi-origine empêchent l'accès aux fichiers de différents domaines.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!