Bagaimana Menghuraikan Data XML dalam JavaScript Menggunakan Penghurai DOM?-tutorial js-php.cn

Bagaimana Menghuraikan Data XML dalam JavaScript Menggunakan Penghurai DOM?

Patricia Arquette

Lepaskan： 2024-12-05 11:59:15

asal

690 orang telah melayarinya

How to Parse XML Data in JavaScript Using the DOM Parser?

Menghuraikan XML menggunakan JavaScript

Menghuraikan XML menggunakan JavaScript melibatkan penukaran data XML kepada format yang lebih terurus untuk pemprosesan. Untuk menghuraikan XML tanpa rangka kerja luaran, kami boleh menggunakan Model Objek Dokumen (DOM) yang tersedia dalam kebanyakan penyemak imbas moden.

Pertimbangkan XML berikut yang disimpan dalam pembolehubah rentetan:

<address>
  <street>Roble Ave</street>
  <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>

Salin selepas log masuk

Untuk menghuraikan XML ini menggunakan DOM, kita boleh mengikuti langkah berikut:

if (window.DOMParser) {
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(txt, "text/xml");
} else { // Internet Explorer
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.loadXML(txt);
}

Salin selepas log masuk

Setelah XML dihuraikan, kami boleh mendapatkan semula yang khusus nilai daripada nod:

// Gets house address number
console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue);

// Gets Street name
console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue);

// Gets Postal Code
console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue);

Salin selepas log masuk

Selain itu, jika XML mengandungi awalan Ruang Nama, awalan tidak boleh disertakan semasa meminta ruang nama:

// XML with Namespace prefixes
txt = `

  Roble Ave
  649
  94025
`;

// Parse with Namespace prefixes
if (window.DOMParser) {
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(txt, "text/xml");
} else { // Internet Explorer
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.loadXML(txt);
}

// Gets "streetNumber" (note there is no prefix of "sn")
console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue);

// Gets Street name
console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue);

// Gets Postal Code
console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue);

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana Menghuraikan Data XML dalam JavaScript Menggunakan Penghurai DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!