Maison > interface Web > js tutoriel > Comment analyser de manière fiable du XML en JavaScript sur différents navigateurs ?

Comment analyser de manière fiable du XML en JavaScript sur différents navigateurs ?

Linda Hamilton
Libérer: 2024-11-25 05:05:10
original
213 Les gens l'ont consulté

How to Reliably Parse XML in JavaScript Across Different Browsers?

Évaluation de l'analyse XML multi-navigateurs en JavaScript

À l'ère du JavaScript omniprésent, la nécessité d'une approche fiable entre navigateurs pour l'analyse XML devient cruciale. Explorons différentes techniques pour gérer la manipulation XML dans différents environnements JavaScript.

Utilisation de DOMParser (DOM Tree Construction) :

L'interface DOMParser existe dans les navigateurs modernes comme Chrome, Firefox et Safari. Il permet la construction d'arborescences DOM à partir de chaînes XML. Pour exploiter cette fonctionnalité, implémentez le code suivant :

if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
}
Copier après la connexion

ActiveXObject (prise en charge héritée d'Internet Explorer) :

Les anciennes versions d'Internet Explorer, telles que IE 6-10, utilisent ActiveXObject pour Analyse XML. Voici comment l'incorporer :

else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
}
Copier après la connexion

Gestion des exceptions :

Dans le cas où ni DOMParser ni ActiveXObject ne sont pris en charge, une erreur est générée :

else {
    throw new Error("No XML parser found");
}
Copier après la connexion

Exemple d'utilisation :

Pour analyser une chaîne XML et récupérer l'élément racine name :

var xml = parseXml("<foo>Stuff</foo>");
var rootName = xml.documentElement.nodeName;
Copier après la connexion

Démonstration en direct :

Dans l'extrait ci-dessous, observez le nom de l'élément racine affiché après l'analyse d'une chaîne XML :

parseXml = function(xmlStr) {
    //...
};
var xml = parseXml("<foo>Stuff</foo>");
document.body.innerHTML = "Root element: " + xml.documentElement.nodeName;
Copier après la connexion

Exploiter ce croisement -La prise en charge par le navigateur de l'analyse XML en JavaScript garantit la compatibilité et la gestion transparente des données XML sur diverses plates-formes Web.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal