用Ajax读取XML格式的数据_AJAX相关教程-查字典教程网
用Ajax读取XML格式的数据
用Ajax读取XML格式的数据
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:AjaxHelloWorldvarxmlHttp;functioncreateXMLHttpRequest(){if(wi...

复制代码 代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>AjaxHelloWorld</title>

<scripttype="text/javascript">

varxmlHttp;

functioncreateXMLHttpRequest(){

if(window.ActiveXObject){

xmlHttp=newActiveXObject("Microsoft.XMLHTTP");

}

elseif(window.XMLHttpRequest){

xmlHttp=newXMLHttpRequest();

}

}

functionstartRequest(){

createXMLHttpRequest();

try{

xmlHttp.onreadystatechange=handleStateChange;

xmlHttp.open("GET","data.xml",true);

xmlHttp.send(null);

}catch(exception){

alert("您要访问的资源不存在!");

}

}

functionhandleStateChange(){

if(xmlHttp.readyState==4){

if(xmlHttp.status==200||xmlHttp.status==0){

//取得XML的DOM对象

varxmlDOM=xmlHttp.responseXML;

//取得XML文档的根

varroot=xmlDOM.documentElement;

try

{

//取得<info>结果

varinfo=root.getElementsByTagName('info');

//显示返回结果

alert("responseXML'svalue:"+info[0].firstChild.data);

}catch(exception)

{

}

}

}

}

</script>

</head>

<body>

<div>

<inputtype="button"value="returnajaxresponseXML'svalue"

onclick="startRequest();"/>

</div>

</body>

</html>

server.xml

复制代码 代码如下:

<?xmlversion="1.0"encoding="GB2312"?>

<root>

<info>helloworld!</info>

</root>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新AJAX相关学习
    热门AJAX相关学习
    编程开发子分类