Comment utiliser AJAX avec des fichiers txt

fermer la fenetre

Des Applications Performantes Sans Vous Prendre La Tête !

Recevez la formation "Développement Facilte" GRATUITEMENT
Avec tous les Codes Sources Commentés
 
(Les événements, la programmation orientée objets, les modèles de conception, Les éditeurs, les outils, 
l'efficacité, CSS3, HTML5, JavaScript, jQuery, Dojo...)

Renseignez votre prénom et votre adresse email ci-dessous :

Voici un cours pour vous apprendre à utiliser simplement la technologie AJAX avec des fichiers textes.

C’est la façon la plus simple d’appréhender le concept AJAX. Il s’agit d’afficher, de façon asynchrone, une réponse sous forme de texte dans une zone de la page par la propriété responseText.

Tout est dans la formation ci-dessous.

[ppmaccordion][ppmtoggle title=”Afficher le texte de la vidéo”]

Comment utiliser AJAX avec des fichiers txt

Bonjour à tous et bienvenu sur Développement Facile.

On rentre maintenant dans les cours très concrets, on va avoir ensemble plusieurs exemples d’utilisation d’Ajax à travers des codes sources. Là vous allez apprendre à manipuler des fichiers textes, vous avez un site Internet, l’internaute effectue des interactions avec votre site, et vous récupérez les informations d’un fichier texte. En route, on passe à la pratique.

Récupération et analyse du texte

La récupération et l’analyse de fichier texte est la façon le plus simple de comprendre et d’utiliser le concept Ajax. C’est vraiment très riche au niveau des possibilités pour les développeurs, qu’est-ce qu’on va faire ?
On va afficher de façon asynchrone, en arrière-plan, en tache de fond, une réponse sous format texte dans une zone de la page en utilisant la propriété de l’objet XMLHttpRequest, la propriété responseText. Ajax HTML, et lorsque l’utilisateur va cliquer sur un élément du formulaire, la réponse sera affichée dans une div.

Exemple d’application

On passe au code source ensemble, déjà la page HTML et le code source, alors vous avez la page HTML avec les différents boutons, et le code. On va regarder le code source ensemble.
Le code qu’est-ce qu’il y a ?
Il y a trois boutons qui vont charger un fichier texte, un fichier XML et une commande JavaScript, le fichier texte, très simple, le fichier XML, le contenu que vous avez vu dans les cours précédents, et la commande c’est-à-dire, à la commande JavaScript on va afficher la boîte de dialogue alerte avec un message dedans, c’est une commande JavaScript directement stockée dans un fichier texte, très important. Et qu’est-ce qu’on fait ?
Ce code je le passe, vous le connaissez par cœur, celui-là, c’est l’avancement, la requête XMLHttpRequest, et en dessous qu’est-ce qu’on fait ?
Si c’est une commande on utilise la fonction eval, vous avez peut être vu en PHP elle existe dans d’autres langages cette fonction, ça va évaluer la commande qu’il y a dans le fichier texte, si il y a une commande, ça va l’exécuter. Ou sinon on fait un getElementById, réponse serveur il est ici, là chargement en instance, il y a un petit CSS avec un background color bleu, on récupère et on affiche le contenu texte. Même le XML au format texte, je charge le fichier là, le fichier XML il s’affiche, la commande JS, voilà.

Voyer la puissance énorme de Ajax, vous pouvez exécuter du code JavaScript qui est stocké dans un simple fichier texte, donc là c’est juste un simple message d’alerte, mais vous imaginez bien qu’on peut aller beaucoup plus loin, le chargement du fichier XML, et le chargement du fichier texte, en direct grâce à la technologie Ajax. C’est fabuleux.

Votre plan d’actions !

Ajax et les fichiers textes, je vous ai montré déjà trois exemple de ce que vous pouvez faire, et vous pouvez faire énormément de choses avec fichiers textes. Déjà vous avez de quoi créer des sites Internet très sympas. Si vous avez des questions, posez-les des directement sous ce cours vidéo moi je vous dis à très bientôt sur Développement Facile.

 

[/ppmtoggle][/ppmaccordion]

Téléchargez l’exemple AJAX

Et voici le code source commenté de la formation.

Downloads

Choisissez les prochains cours sur AJAX

Il est possible d’implémenter énormément de fonctionnalités via la technologie AJAX. Profitez de la zone commentaires pour choisir les prochains cours.

Créez des Applications Hyper-Intéractives avec la Formation Gratuite JavaScript Facile !