admin 发表于 2019-2-28 11:26:48

使用ajax加载XML文件

创建一个简单的XMLHttpRequest,从一个XML文件中返回数据。
html实例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>用ajax获取xml内容</title>
<meta charset="utf8">
<script>
function loadXMLDoc(url){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
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>用ajax获取xml数据</h2>
<p>Status:<span id="A1"></span></p>
<p>StatusText:<span id="A1"></span></p>
<p>ResponseText:<span id="A1"></span></p>
<button type="button" onclick="loadXMLDoc('/studytest/ajax/test.xml')"></button>
</body>
</html>XML代码部分如下:
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>点我测试实际运营结果
页: [1]
查看完整版本: 使用ajax加载XML文件