Ajax读取并解析XML文件的方法
html文件和xml文件都需要放在服务器上,本文实例讲述了jQuery+ajax读取并解析XML文件的方法。
代码:
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
function GetXML() {
var xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xmlHttp.open("get", "http://13.125.56.872/projeqtor/default.xml", true);
// 绑定回调函数
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
// 获取返回的XML数据主体内容
var result = xmlHttp.responseXML.documentElement;
// 获取根节点元素
var serverIPTime = result.getElementsByTagName("serverIPTime");
var serverIPTime = serverIPTime[0];
var serverIPTime= serverIPTime.firstChild.data;
var postAPI = result.getElementsByTagName('postAPI');
var postAPI = postAPI[0];
var postAPI= postAPI.firstChild.data;
var serverIPTime=document.getElementById("serverIPTime").innerHTML = serverIPTime;
var postAPI=document.getElementById("postAPI").innerHTML = postAPI;
}
}
// 发送请求
xmlHttp.send();
}
</script>
</head>
<body>
<input type="button" value="加载XML数据" onclick="GetXML();" />
<br />
<div>serverIPTime<div id="serverIPTime"></div></div></br>
<div>postAPI<div id="postAPI"></div></div>
</body>
</html>
default.xml
<socket>
<serverIPTime>https://getSeverTime</serverIPTime>
<postAPI>https://print/save</postAPI>
</socket>
实现效果: