Heim > Artikel > Web-Frontend > JavaScript ruft XML ab und analysiert es
XML wird häufig in der Webentwicklung verwendet, meist als Träger für die Datenübertragung. Wenn Daten an das Frontend übergeben werden, müssen sie im Allgemeinen mit JavaScript analysiert werden, bevor sie verwendet werden können. Daher ist das Parsen von XML mit JavaScript weit verbreitet.
hat die folgende XML-Datei:
<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>duncan</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
kann mit der folgenden Methode analysiert werden:
<html> <head> <script type="text/javascript"> function parseXML() { try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } catch(e) { try //Firefox, Mozilla, Opera, etc. { xmlDoc=document.implementation.createDocument("","",null); } catch(e) { alert(e.message); return; } } xmlDoc.async=false; xmlDoc.load("note.xml"); document.getElementById("to").innerHTML= xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; document.getElementById("from").innerHTML= xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; document.getElementById("message").innerHTML= xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; </script> </head> <body onload="parseXML()"> <h1>www.nowamagic.net</h1> <p><b>To:</b> <span id="to"></span><br /> <b>From:</b> <span id="from"></span><br /> <b>Message:</b> <span id="message"></span> </p> </body> </html>
xmlDoc.getElementsByTagName("to")[0]. childNodes [0].nodeValue Wie ist dieser Code zu verstehen?
xmlDoc – XML-Dokument, das von einem Parser erstellt wurde.
getElementsByTagName("to")[0] – das erste 05034471df6398a62d5708f78b78e0ac
childNodes[0] – Das erste untergeordnete Element (Textknoten) des 05034471df6398a62d5708f78b78e0ac
nodeValue – der Wert des Knotens (der Text selbst).
Wenn die XML-Datei ist:
<?xml version="1.0" encoding="ISO-8859-1" ?> <note> <to>asdfsd <too>duncan1</too> </to> <too>duncan2</too> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note>
Lesen Sie das erste 77a74ca8c1d5e9a5096e217b38b998c4: xmlDoc.getElementsByTagName("to")[0].getElementsByTagName("t00")[0 ] .childNodes[0].nodeValue.
Lesen Sie das zweite 77a74ca8c1d5e9a5096e217b38b998c4: xmlDoc.getElementsByTagName("too")[0].childNodes[0].nodeValue.