Bagaimana Menghuraikan Data XML dalam JavaScript Menggunakan Penghurai DOM?

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>

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

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

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

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!