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

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

Barbara Streisand

Libérer： 2024-12-01 01:53:12

original

169 Les gens l'ont consulté

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>

Copier après la connexion

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");

Copier après la connexion

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;

Copier après la connexion

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!