JS通過ajax動態讀取xml文件內容的方法

2024-09-01 08:33:29

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了JS通過ajax動態讀取xml文件內容的方法,實例分析了Ajax操作XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS通過ajax動態讀取xml文件內容的方法。分享給大家供大家參考。具體分析如下：

下面的JS代碼讀取note.xml文件，并填充顯示相關字段

HTML文件代碼如下

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