您的位置：首页 > 理论基础 > 计算机网络

AJAX-----06XMLHttpRequest对象的处理返回的XML类型数据

2016-11-07 14:20 701 查看

我们首先要确保XML文件是否正常执行

如果访问时候报类似 Parse error: syntax error, unexpected 'version' (T_STRING 这样的错误，我们则需要修改php的配置文件：

将这里改成Off然后从其apache即可。。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function createXHR(){
var xhr = null;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else if(window.ActiveXObject){
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}

function test1(){
var xhr = createXHR();
xhr.open('GET','7.php',true);
xhr.onreadystatechange = function(){
if(this.readyState == 4){
//针对xml，ajax也给出了一种特殊的方法进行接收responseXML
//alert(this.responseXML);
var xmldom = this.responseXML;
var chs = xmldom.getElementsByTagName('name')[0];
//alert(chs.firstChild.firstChild.wholeText);
//alert(chs.lastChild.firstChild.wholeText);
document.getElementById('mpname').innerHTML = chs.firstChild.firstChild.wholeText;
document.getElementById('mpdesc').innerHTML = chs.lastChild.firstChild.wholeText;
}
}
xhr.send(null);
}
</script>
</head>
<body>
<div>
<h1>获奖名单</h1>
<p>歌名:<span id="mpname"></span></p>
<p>简介:<span id="mpdesc"></span></p>
</div>
<input type="button" value="显示获奖歌曲" onclick="test1();">
<input type="button" value="text2" onclick="test2();">
</body>
</html>

<?php
header("Content-Type:text/xml");
?>
<?xml version='1.0' encoding='UTF-8'?>
<mp3><name bid="a666"><title>忘情水</title><desc>忘了就好</desc></name></mp3>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航