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

2016-02-19 11:29 8 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享用Ajax读取xml文件的简单例子,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

到此就可以就发送请求读取服务器端的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

来源:http://www.tulaoshi.com/n/20160219/1597676.html

延伸阅读
标签: Web开发
看到网上一片文章,自己式了一下,果然 XMLTextReader速度要快! 在.NET框架的System.XML名称空间中包含的XMLTextReader类不需要对系统资源要求很高,就能从XML文件中快速读取数据。使用XMLTextReader类能够从XML文件中读取数据,并且将其转换为HTML格式在浏览器中输出。   读本文之前,读者需要了解一些基本知识:XML...
标签: Web开发
分别保存下面两段代码,一个保存为readxml.asp另一个保存为test.xml,放在同一个目录下面,调试程序即可,在程序里面我已经做了解释,读取代码可以做成一个readxml的函数,通过使用输入的参数而读取xml不同数据记录的不同的值。这段程序的改编来自互联网,有什么出入请见谅。 readxml.asp 以下是引用片段: % dim xml,ob...
标签: Web开发
本文讲解了一个使用XML技术上传文件的例子,使用该方法没有传统方法中的种种限制。 这个例子讲述了如何使用MSXML3.0和ADO Stream对象来实现这种新的上传方法。好处有很多,比如,不需要专用的上传组件。 引言 为了在HTML网页中获得上传功能,在客户端我们可以使用如下格式的FORM: FORM NAME="myForm"ACTION="TargetURL.asp" ENCTYPE="multi...
标签: Web开发
简单的XML操作:XML文件创建 把下面的代码复制到按钮事件中编译执行后可在相应物理路径中产生Pos.xml文件 以下为引用的内容: XmlTextWriter xtw = new XmlTextWriter(Request.PhysicalApplicationPath + "Pos.xml",System.Text.Encoding.UTF8); xtw.Formatting = Formatting.Indented; xtw.WriteStartDocument(false); //结果: xtw.WriteCo...
标签: Web开发
代码如下: /**   * 得到XML文件属性的集合对象   * @param xmlDoc XML对象   * @param name 属性名称 如: user   * @return 返回 Array 对象   * Example XML:   * ?xml version='...

经验教程

759

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部