用Ajax读取xml文件的简单例子

秋田宝宝

秋田宝宝

2016-02-19 11:29

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享用Ajax读取xml文件的简单例子,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
到此就可以就发送请求读取服务器端的XML数据了,最后要做的就是处理数据了。 关于XMLHttpRequest对象,请参考About XMLHttpRequest Object一文。

看例子:

//AjaxDemo.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleAsynchronous JavaScript And XML/title
/head
body
script type="text/javascript"
var xmlHttp=null;
function readyStateChangeHandle()
{
    if(xmlHttp.readyState==4)
    {
        if(xmlHttp.status==200)
        {
            var xmlDOM=xmlHttp.responseXML;
            var xmlRoot=xmlDOM.documentElement;
            try
            {
                var xmlItem=xmlRoot.getElementsByTagName("item");
                alert(xmlItem[0].firstChild.data);
            }
            catch(e)
            {
                alert(e.message);
            }
        }
    }    
}
function ajaxRequest()
{
    if(window.XMLHttpRequest)
    {
        xmlHttp=new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlHttp.onreadystatechange=readyStateChangeHandle;
    xmlHttp.open("GET","data.xml",true);
    xmlHttp.send(null);
}
/script
input type="button" onclick="ajaxRequest()" value="Take me to the world of AJAX" /
/body
/html
//data.xml
?xml version="1.0" encoding="GB2312" ?
root
  itemWelcome to the world of AJAX(Asynchronous JavaScript And XML)!/item
/root
展开更多 50%)
分享

猜你喜欢

用Ajax读取xml文件的简单例子

Web开发
用Ajax读取xml文件的简单例子

用Ajax读取XML格式的数据

Web开发
用Ajax读取XML格式的数据

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用ajax xml的数据读取的HelloWorld程序

Web开发
用ajax xml的数据读取的HelloWorld程序

一个xmlhttp读取xml的例子

ASP
一个xmlhttp读取xml的例子

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

XML上传文件例子

Web开发
XML上传文件例子

java读取配置文件例子

编程语言 网络编程
java读取配置文件例子

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Linux如何使用awk进行数组排序

Linux如何使用awk进行数组排序

使用ajax技术无刷新动态调用股票信息

使用ajax技术无刷新动态调用股票信息
下拉加载更多内容 ↓