手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >用Ajax读取xml文件的简单例子
用Ajax读取xml文件的简单例子
摘要:到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。关于XMLHttpRequest对象,请参考AboutXMLHtt...

到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。关于XMLHttpRequest对象,请参考AboutXMLHttpRequestObject一文。

看例子:

//AjaxDemo.html

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>AsynchronousJavaScriptAndXML</title>

</head>

<body>

<scripttype="text/javascript">

varxmlHttp=null;

functionreadyStateChangeHandle()

{

if(xmlHttp.readyState==4)

{

if(xmlHttp.status==200)

{

varxmlDOM=xmlHttp.responseXML;

varxmlRoot=xmlDOM.documentElement;

try

{

varxmlItem=xmlRoot.getElementsByTagName("item");

alert(xmlItem[0].firstChild.data);

}

catch(e)

{

alert(e.message);

}

}

}

}

functionajaxRequest()

{

if(window.XMLHttpRequest)

{

xmlHttp=newXMLHttpRequest();

}

elseif(window.ActiveXObject)

{

xmlHttp=newActiveXObject("Microsoft.XMLHTTP");

}

xmlHttp.onreadystatechange=readyStateChangeHandle;

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

xmlHttp.send(null);

}

</script>

<inputtype="button"onclick="ajaxRequest()"value="TakemetotheworldofAJAX"/>

</body>

</html>

//data.xml

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

<root>

<item>WelcometotheworldofAJAX(AsynchronousJavaScriptAndXML)!</item>

</root>

【用Ajax读取xml文件的简单例子】相关文章:

Ajax的jsonp方式跨域获取数据的简单实例

用Ajax读取XML格式的数据

Ajax+PHP简单数据交互

Ajax读取txt并对txt内容进行分页显示功能

Ajax详解及其案例分析

Ajax获取XMLHttp对象的方法

基于Ajax技术实现文件上传带进度条

AJAX 用户注册时的应用实例

ASP+Ajax实现无刷新评论简单例子

按钮的Ajax请求时一次点击两次提交的解决方法

精品推荐
分类导航