Comment charger un fichier texte local dans une variable JavaScript ?

Chargement du contenu d'un fichier texte dans une variable JavaScript

Question : Comment pouvons-nous charger le contenu d'un texte local fichier (foo.txt) dans une variable JavaScript, de la même manière que dans Groovy ?

Solution :

XMLHttpRequest (AJAX sans XML) fournit un moyen de récupérer des ressources distantes de manière asynchrone, nous permettant de lire le contenu du fichier texte via les étapes suivantes :

1. Créer une XMLHttpRequest Objet :
   Commencez par créer un nouvel objet XMLHttpRequest.

var client = new XMLHttpRequest();

2. Ouvrir et envoyer une requête GET :
   Ouvrir un GET requête à l'URL du fichier et déclenchement de l'envoi processus.

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

3. Gérer la réponse :
   Attachez un gestionnaire d'événement à l'événement onreadystatechange, qui vérifie en permanence l'état de la demande.

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

Option alternative - jQuery :

Bien que XMLHttpRequest fonctionne, jQuery offre une interface plus pratique pour les opérations AJAX :

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

Remarque :

Pour pour des raisons de sécurité, cette approche permet uniquement de charger des fichiers du même domaine que l'origine de l'application.

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!