手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >用Ajax读取XML格式的数据
用Ajax读取XML格式的数据
摘要:复制代码代码如下: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读取XML格式的数据】相关文章:

Ajax方式删除表格一行数据示例代码

Ajax使用JSON数据格式案例

Ajax按需读取数据生成下级菜单

使用jquery 的ajax调用总是错误亲测的解决方法

Ajax获取响应内容长度的方法

Ajax上传图片的本质

ajax 返回值自动添加pre标签的解决方法

用ajax动态加载需要的js文件

ajax无刷新分页的简单实现

Ajax传输中文乱码问题的解决办法

精品推荐
分类导航