cari

Rumah >hujung hadapan web >tutorial js >Kaedah JS untuk membaca kandungan fail xml secara dinamik melalui kemahiran ajax_javascript

Kaedah JS untuk membaca kandungan fail xml secara dinamik melalui kemahiran ajax_javascript

WBOY
WBOYasal
2016-05-16 16:07:481316semak imbas

Contoh dalam artikel ini menerangkan cara JS membaca kandungan fail xml secara dinamik melalui ajax. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kod JS berikut membaca fail note.xml dan mengisi medan yang berkaitan

Kod fail HTML adalah seperti berikut

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

Kandungan fail xml adalah seperti berikut

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

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Contoh pelaksanaan fungsi tidur dalam nodejs_node.jsArtikel seterusnya：Contoh pelaksanaan fungsi tidur dalam nodejs_node.js

Artikel berkaitan

Lihat lagi