ajaxReadXML.html文件源码:
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<meta charset="UTF-8">
<title>ajax获取xml文件</title>
</head>
<body>
<script type="text/javascript">
var xmlHttp = null;
function readyStateChangeHandle() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var xmlDOM = xmlHttp.responseXML;
var xmlRoot = xmlDOM.documentElement;
try {
var xmlItem = xmlRoot.getElementsByTagName("item");
alert(xmlItem[0].firstChild.data);
} catch (e) {
alert(e.message);
}
}
}
}
function ajaxRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttp.onreadystatechange = readyStateChangeHandle;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}
</script>
<input type="button" onclick="ajaxRequest()" value="读取xml文件">
</body>
</html>
data.xml文件源码:
<?xml version="1.0" encoding="utf-8" ?>
<root>
<item>欢迎来到ajax世界(Asynchronous JavaScript And XML)</item>
</root>
联系客服