Comment récupérer les données d’un fichier txt avec AJAX

JavaScript est un langage de programmation polyvalent qui peut être utilisé pour créer des applications web dynamiques. L’une des fonctionnalités les plus utiles de JavaScript est la capacité de récupérer des données à partir d’un serveur sans avoir à recharger la page entière. Cela est possible grâce à la technologie AJAX, qui permet de faire des requêtes asynchrones vers un serveur.

Supposons que vous vouliez récupérer les données d’un fichier texte (par exemple, data.txt) à partir d’un serveur distant. Voici comment vous pouvez le faire en utilisant JavaScript et AJAX.

        // Créer un objet XMLHttpRequest
        var xhr = new XMLHttpRequest();

        // Spécifier le type de requête et l'URL du fichier texte
        xhr.open('GET', 'data.txt', true);

        // Envoyer la requête
        xhr.send();

        // Gérer la réponse
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                var data = xhr.responseText;
                console.log(data);
            }
        };
    

Dans l’exemple ci-dessus, nous créons un objet XMLHttpRequest en utilisant la méthode XMLHttpRequest(). Ensuite, nous utilisons la méthode open() pour spécifier le type de requête (GET) et l’URL du fichier texte que nous voulons récupérer. Ensuite, nous envoyons la requête en utilisant la méthode send().

Enfin, nous utilisons les événements onreadystatechange pour gérer la réponse du serveur. Lorsque la requête est terminée (readyState === 4) et que le statut de la réponse est OK (status === 200), nous pouvons récupérer les données du fichier texte en utilisant la propriété responseText de l’objet XMLHttpRequest.

En résumé, JavaScript et AJAX sont des outils puissants qui permettent de récupérer facilement les données d’un fichier texte à partir d’un serveur distant. Cette fonctionnalité est très utile pour créer des applications web interactives et dynamiques.