Maison > Article > interface Web > js implémente la lecture du contenu du fichier XML

js implémente la lecture du contenu du fichier XML

零到壹度original: 2018-03-24 13:22:125486parcourir

Cette fois, je vais vous présenter l'implémentation js pour lire le contenu du fichier xml, qui se reflète principalement sous forme de code. Ce qui suit est un cas pratique, jetons un coup d'œil.

Le code html est le suivant

<html>

<body>
<h1>W3School.com.cn Internal Note</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>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","/example/xmle/note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

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>

</body>
</html>

Contenu du fichier XML

<?xml version="1.0" encoding="ISO-8859-1"?>

<!-- Copyright w3school.com.cn -->
-<note>

 	<to>George</to>

	<from>John</from>

	<heading>Reminder</heading>

 	<body>Don&#39;t forget the meeting!</body>

</note>

Afficher les résultats :

Recommandations associées :

Simple jS lit les données XML

Js lit XML et le charge dans la page

Analyse le fichier XML en HTML ( javascript lu)

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：implémentation js pour obtenir des fichiers et répertoires locauxArticle suivant：implémentation js pour obtenir des fichiers et répertoires locaux

Articles Liés

Voir plus