recherche

Maison >interface Web >js tutoriel >Méthode JS pour lire dynamiquement le contenu d'un fichier XML grâce aux compétences ajax_javascript

Méthode JS pour lire dynamiquement le contenu d'un fichier XML grâce aux compétences ajax_javascript

WBOY
WBOYoriginal
2016-05-16 16:07:481299parcourir

L'exemple de cet article décrit comment JS lit dynamiquement le contenu des fichiers XML via ajax. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Le code JS suivant lit le fichier note.xml et remplit les champs concernés

Le code du fichier HTML est le suivant

<!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>

Le contenu du fichier XML est le suivant

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

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

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：Exemple d'implémentation de la fonction sleep dans nodejs_node.jsArticle suivant：Exemple d'implémentation de la fonction sleep dans nodejs_node.js

Articles Liés

Voir plus