Chargement de fichier texte à partir du Web, et l'analyse avec un script?

Question

Mon fichier .html contient des données associées dans un fichier .txt que j'ai besoin de charger lorsque la page est chargée. J'ai alors besoin d'un script pour pouvoir analyser ces données et faire des choses avec lui dans la page. Existe-t-il un moyen rapide et efficace de faire cela? Je pensais que je pourrais juste avoir un caché et ensuite courir à travers son innerHTML, mais les DIVs ne semblent pas soutenir cela.

Merci d'avance ... nouveau sur le web!

EDIT: voici une autre capture: je veux que cela fonctionne, idéalement, si le .html est chargé soit à partir d'un site web réel ou à partir d'une machine locale. À ma connaissance, AJAX et XMLHttpRequest ne fonctionneront pas dans cette situation (?)

Answer 1

Vous devez utiliser AJAX pour charger le texte et une fonction de rappel pour l'analyser en fonction de vos besoins et effectuer toutes les actions nécessaires. Si vous utilisez un framework comme jQuery, regardez dans les fonctions jQuery AJAX: http://docs.jquery.com/Ajax

Si vous n'êtes pas à l'aide d'un cadre et sont plutôt de codage JavaScript droite, regardez en utilisant l'objet XMLHttpRequest: https://developer.mozilla.org/en/XmlHttpRequest

Answer 2

Ce devrait être fait côté serveur en utilisant un langage de programmation comme PHP ou Perl ou autre. Si vous devez le faire avec JavaScript pour une raison étrange, le seul moyen est de faire un appel AJAX au fichier et de l'insérer dans le DOM. Il y a plein de tutoriels pour ça.

Et oui, innerHTML fonctionne sur les éléments div, ainsi que sur tout le reste.

Answer 3

Avez-vous de la flexibilité dans le format du fichier texte? Si c'est le cas, je stockerai les données dans le fichier texte au format JSON et je l'inclurai simplement dans la tête HTML de la page en utilisant des balises de script. Ensuite, vous pouvez utiliser du code JavaScript lorsque la page est prête à analyser les informations stockées dans le fichier texte/JSON et à manipuler la page HTML si nécessaire.

La bonne chose à propos de cette approche est qu'elle est simple et ne nécessite pas de code côté serveur. Vous n'avez pas mentionné si le fichier texte a été généré dynamiquement, mais cela n'a pas d'importance avec cette approche.