Comment Charger un Fichier XML Contenu à l'aide de Javascript?

Je suis à la recherche d'un moyen de charger un fichier XML du contenu directement dans une variable Javascript. Dire que j'ai la structure de répertoire suivante:

/index.html
/loader.js
/file.xml

Dans index.html, il y a un <body> balise, dont le contenu doit être remplacé par le contenu du fichier XML. Donc, si le fichier XML contient:

<element>
    <item>Item One</item>
    <item>Item Two</item>
</element>

Puis, après la charge dynamique, le HTML serait:

...
<body>
<element>
...
</element>
</body>
...

Ma question est, quelle fonction dois-je utiliser dans loader.js de charger le contenu directement dans une variable? J'ai utilisé XmlHttpRequests et les ActiveX XMLDOM parser, mais tout juste de me donner un structurelles du modèle de données que je puis avoir à trier à travers pour trouver mes éléments. Je n'ai pas besoin d'analyser quoi que ce soit, je veux juste obtenir tout le contenu du fichier.

Remarque: HTML/Javascript, pas de code côté serveur.

Cela peut être combersome à faire avec la plaine-vieux JavaScript, utilisez-vous des cadres? (avant que quelqu'un dit "utiliser jQuery"...)

OriginalL'auteur Craig Otis | 2009-05-08

  1. 4

    Je pense que j'ai peut-être compris. La suite semble fonctionner assez bien:

    function loadFileToElement(filename, elementId)
{
    var xmlHTTP = new XMLHttpRequest();
    try
    {
    xmlHTTP.open("GET", filename, false);
    xmlHTTP.send(null);
    }
    catch (e) {
        window.alert("Unable to load the requested file.");
        return;
    }

    document.getElementById(elementId).innerHTML=xmlHTTP.responseText;
}
    Vous pourriez envisager de l'exécution de cette manière asynchrone. Synchrone requêtes AJAX permet de verrouiller l'INTERFACE utilisateur du navigateur donnant aux utilisateurs l'impression que leur navigateur est bloqué.
    Cela va être exécuté côté client, et non sur un serveur, donc nous ne sommes pas trop inquiets à propos de la performance. L'image en double-cliquant sur un fichier HTML sur votre bureau.

    OriginalL'auteur Craig Otis

  2. 2

    Peut-être vous pouvez lire la propriété responseText de XmlHttpRequests d'avoir le texte en clair avant l'analyse?

    OriginalL'auteur Eineki