Maison >interface Web >js tutoriel >Comment puis-je analyser des données XML en JavaScript sans utiliser de bibliothèques externes ?

Comment puis-je analyser des données XML en JavaScript sans utiliser de bibliothèques externes ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-01 01:53:12214parcourir

How Can I Parse XML Data in JavaScript Without Using External Libraries?

Analyser XML avec JavaScript

L'analyse XML implique la conversion de données XML dans un format pouvant être traité par du code JavaScript. Pour ce faire sans frameworks externes comme jQuery, le DOM (Document Object Model) peut être utilisé.

Si le XML est stocké dans une variable chaîne nommée txt, sa structure pourrait ressembler à ce qui suit :

<address>
  <street>Roble Ave</street>
  <mtfcc>S1400</mtfcc>
  <streetNumber>649</streetNumber>
  <lat>37.45127</lat>
  <lng>-122.18032</lng>
  <distance>0.04</distance>
  <postalcode>94025</postalcode>
  <placename>Menlo Park</placename>
  <adminCode2>081</adminCode2>
  <adminName2>San Mateo</adminName2>
  <adminCode1>CA</adminCode1>
  <adminName1>California</adminName1>
  <countryCode>US</countryCode>
</address>

Pour analyser ce XML, suivez ces étapes :

// Create a new DOM parser
var parser = new DOMParser();

// Parse the XML string into a DOM object
var xmlDoc = parser.parseFromString(txt, "text/xml");

Avec l'objet DOM disponible, des éléments XML spécifiques sont accessibles ainsi que leurs valeurs récupéré :

// Get the street number
var streetNumber = xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue;

// Get the street name
var street = xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue;

// Get the postal code
var postalcode = xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue;

Le XML avec des préfixes d'espace de noms peut également être analysé à l'aide de cette méthode, à condition que le navigateur prenne en charge les préfixes d'espace de noms. Les préfixes d'espace de noms sont accessibles sans le préfixe dans le code JavaScript.

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!

Déclaration:
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