suchen

Heim >Web-Frontend >js-Tutorial >JS-Methode zum dynamischen Lesen von XML-Dateiinhalten mithilfe von Ajax_Javascript-Kenntnissen

JS-Methode zum dynamischen Lesen von XML-Dateiinhalten mithilfe von Ajax_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:07:481294Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie JS den Inhalt von XML-Dateien dynamisch über Ajax liest. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Der folgende JS-Code liest die Datei note.xml und füllt die relevanten Felder aus

Der HTML-Dateicode lautet wie folgt

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc(url)
{
var xmlhttp;
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  document.getElementById('A1').innerHTML=xmlhttp.status;
  document.getElementById('A2').innerHTML=xmlhttp.statusText;
  document.getElementById('A3').innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>
<h2>Retrieve data from XML file</h2>
<p><b>Status:</b><span id="A1"></span></p>
<p><b>Status text:</b><span id="A2"></span></p>
<p><b>Response:</b><span id="A3"></span></p>
<button onclick="loadXMLDoc('note.xml')">Get XML data</button>
</body>
</html>

Der Inhalt der XML-Datei ist wie folgt

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiel für die Implementierung der Sleep-Funktion in nodejs_node.jsNächster Artikel：Beispiel für die Implementierung der Sleep-Funktion in nodejs_node.js

In Verbindung stehende Artikel

Mehr sehen