Comment puis-je lire un fichier texte dans une variable JavaScript ?

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

Une tâche courante dans les applications JavaScript consiste à charger le contenu des fichiers texte dans des variables. Pour y parvenir, les développeurs se tournent souvent vers XMLHttpRequest (AJAX), qui permet de communiquer avec un serveur sans actualisation de page.

XMLHttpRequest pour le chargement de fichiers texte

En utilisant XMLHttpRequest, vous peut envoyer une requête GET au fichier texte et recevoir son contenu en réponse. Voici un exemple :

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

Ce code ouvre une requête GET dans le fichier texte, configure un écouteur d'événement pour l'événement readystatechange et envoie la requête. L'écouteur d'événements sera déclenché une fois la demande terminée et le texte de la réponse peut être obtenu à partir de client.responseText.

Considération relative au framework

Cependant, XMLHttpRequest peut ne pas être disponible dans tous les frameworks JavaScript. Par conséquent, l'utilisation d'un framework comme jQuery peut simplifier le processus :

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

Considérations sur la sécurité de même origine

Notez que cette méthode ne fonctionnera que si le fichier texte est situé sur le même domaine que votre application JavaScript. Les politiques de sécurité de même origine interdisent la communication des ressources entre 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!