当前位置:首页 > 日记 > 正文

js使用ajax动态地从xml文件中获取数据显示

js使用ajax动态地从xml文件中获取数据显示
本文演示了js使用Ajax动态地从XML文件中获取数据显示的方式,供大家参考:

下面的js代码通过Ajax动态地显示XML文件的内容到Web页面,而真正的页面不会刷新。

功能loadxmldoc(URL)
{
VaR技术;
txt,X,XX,我;
如果(窗口。XMLHttpRequest)
{ / /代码IE7 +,火狐,Chrome,Opera,Safari
XMLHTTP =新的XMLHttpRequest();
}
其他的
{ / /代码为IE6,IE5
XMLHTTP =新的ActiveX对象(微软。XMLHTTP );
}
Xmlhttp。onreadystatechange =功能()
{
如果(XMLHTTP。发生= 4 = = 200 XMLHTTP。状态)
{
txt =titleartist ;
x = xmlhttp.responsexml.documentelement.getelementsbytagname(CD);
为(i = 0;i < x.length;i++)
{
txt;
XX = x {我}。getElementsByTagName(标题);
{
尝试
{
txt = TXT + XX { 0 }。firstchild.nodevalue + ;
}
捉(呃)
{
txt;
}
}
XX = x {我}。getElementsByTagName(艺术家);
{
尝试
{
txt = TXT + XX { 0 }。firstchild.nodevalue + ;
}
赶上(ER)
{
txt;
}
}
txt;
}
txt;
document.getelementbyid('txtcdinfo).innerHTML = txt;
}
}
Xmlhttp.open(
Xmlhttp.send();
}

获取CD信息
xml文件的内容如下所示

皇帝讽刺剧
鲍勃迪伦
美国
哥伦比亚
十点九零
一千九百八十五
隐藏你的心
邦尼泰勒
英国
哥伦比亚唱片公司
九点九零
一千九百八十八
精选
多莉帕顿
美国
RCA
九点九零
一千九百八十二
还是布鲁斯
加里摩尔
英国
维京唱片
十点二零
一千九百九十
爱神
艾罗斯·拉玛佐第
欧盟
BMG
九点九零
一千九百九十七
只有一个晚上
比吉斯
英国
波利多尔
十点九零
一千九百九十八
西尔维亚的母亲
Hook博士
英国
CBS
八点一零
一千九百七十三
玛姬梅
Rod斯图尔特
英国
匹克
八点五零
一千九百九十
浪漫曲
安德烈·波切利
欧盟
波利多尔
十点八零
一千九百九十六
当一个男人爱上一个女人
当男人爱上女人
美国
大西洋
八点七零
一千九百八十七
黑天使
野蛮的玫瑰
欧盟
巨型
十点九零
一千九百九十五
1999项格莱美提名
许多
美国
格莱美
十点二零
一千九百九十九
为OD时报
肯尼-罗杰斯
英国
主mucik
八点七零
一千九百九十五
大威利风格
威尔史密斯
美国
哥伦比亚
九点九零
一千九百九十七
土波罗蜜
墨里森
英国
波利多尔
八点二零
一千九百七十一
soulsville
乔恩孔
挪威
WEA
七点九零
一千九百九十六
最好的
凯特·斯蒂文斯
英国

八点九零
一千九百九十
停止
山姆布朗
英国
一个和我
八点九零
一千九百八十八
桥的间谍
t'pau
英国
警报器
七点九零
一千九百八十七
私人舞蹈家
蒂娜特纳
英国
国会
八点九零
一千九百八十三
MIDT OM Batten
基姆·拉尔森
欧盟
混合泳
七点八零
一千九百八十三
Pavarotti Gala的演唱会
鲁契亚诺·帕瓦罗蒂
英国
台卡
九点九零
一千九百九十一
海湾的码头
奥蒂斯·雷丁
美国
大西洋
七点九零
一千九百八十七
图画书
简单的红
欧盟
艾丽卡
七点二零
一千九百八十五

公社社员
英国
伦敦
七点八零
一千九百八十七
释放我心
Joe Cocker
美国
EMI
八点二零
一千九百八十七

希望本文能对大家的javascript程序设计有所帮助。

相关文章

美丽的CDR设计时尚海报春天的景色

美丽的CDR设计时尚海报春天的景色

景色,海报,春天,兴趣,美丽,本教程是美丽的CDR时尚设计海报,春天的风景引起人们的兴趣。方法介绍的朋友,教程出来的效果真的很漂亮,但是方法不难,新手可以来学习,推荐给朋友,可以来学习一下爱情。 本教程喜欢CDR学习者介绍美丽的CDR设计时尚海报教…

什么是pscs6没有3D功能没有一个立

什么是pscs6没有3D功能没有一个立

选择,3D,立方体,功能,电脑软件,什么是pscs6没有3D功能没有一个立方体的选择吗真正的photoshopcs6要花费很多钱,所以爱好本身是由百度的方法解决,但总有一些这样的功能。所以我们可以分享一个PS CS6扩展的三维立方体的选择没有。 真正的photo…

Javascript中字符串分区函数的分割用法示

Javascript中字符串分区函数的分割用法示

分割,字符串,函数,示例,电脑软件,本文介绍了Javascript中字符串分区函数的拆分用法,供大家参考: 首先,看看下面的代码: 你今天怎么样 (str.split document.write()+ ) (str.split document.write()+ ) (str.split document.write( 输出结果如下: 如何,是,你,做,今天…

PS图象处理软件简单的写作课粉笔

PS图象处理软件简单的写作课粉笔

图象,处理软件,简单,电脑软件,PS,本教程主要使用PS图象处理软件使粉笔教程简单。教程制作的文本很漂亮,制作也不是很难。让我们一起学习,就像你的朋友一样。 本教程主要使用PS图象处理软件使粉笔教程简单。教程生成的文本非常漂亮,很难制作。…

2015选择情感QQ个性签名

2015选择情感QQ个性签名

选择,个性签名,情感,电脑软件,QQ,我嘲笑我记忆中的毒液,我的眼睛模糊了。 请原谅我们用最伤人的话伤害了我们最关心的人。 我相信那个句子顺子说吻是一件非常恶心的事。 不要羡慕别人的幸福,可以向你展示。 有些人,只想念,不联系;只关心,不打扰。…

ps的几个简单步骤,使之成为GIF文字

ps的几个简单步骤,使之成为GIF文字

文字,动画效果,步骤,几个,使之,本教程是介绍使用ps的朋友的几个简单步骤,使之成为GIF文字动画教程比较简单,所产生的效果是秋天的感觉,推荐来了,希望对大家有所帮助。 秋天来了,今天我们推荐几个简单的步骤,使它成为PS教程教程的文字动画,效果很漂…

ai结合PS绘制可爱卡通女厨师头像教

ai结合PS绘制可爱卡通女厨师头像教

教程,绘制,厨师,头像,卡通,本教程是向朋友介绍使用ai和PS绘制一个可爱的卡通女厨师的头部形象,这仍然是非常美丽的。但是,这是要求学习者有一定的绘画功能。建议你最喜欢的朋友一起学习一起工作。 今天,我们把ai和PS结合在一起,画了一个可爱的…

jQuery选择器源码解读(七):elementmat

jQuery选择器源码解读(七):elementmat

选择器,源码解读,功能,电脑软件,jQuery,读取编译执行过程的顺利,我们首先需要弄清楚的功能和关键变量和各子程序的功能。我将解释的编译码jquery-1.10.2版本一个接一个,我希望我可以帮助你。 ElementMatcher(匹配) 1。源代码 复制代码代码如…

风趣幽默令人捧腹的个性签名

风趣幽默令人捧腹的个性签名

令人捧腹,风趣,个性签名,幽默,电脑软件,从前,有个胖子从22层跳下来,最后变成了一个胖子。 亲爱的,沉默是金黄色的,你想给我一个金色的山丘: 许多眼睛太浅,太近,我想念我没有被看见。 我会喜欢一个多愁善感的女人,说同样的男人,就像唱歌一样。 吸烟对…

画家画了一幅美丽的卡通画。

画家画了一幅美丽的卡通画。

一幅,画了,画家,美丽,卡通画,本教程将介绍用画家制作美丽卡通的效果。本教程的效果非常漂亮,方法很简单,教程是旧了点,它应该在painter8时代,但是很实用。它不会影响我们学习作者的方式,向前推进,并与你分享。 本教程将介绍用画家制作美丽卡通的…

正则表达式中的不区分大小写

正则表达式中的不区分大小写

不区分大小写,正则表达式,电脑软件,经常忽视小写- RegexOptions.IgnoreCase 例如: 复制代码代码如下所示: STR =正则表达式。取代(STR,或 字符串中的或、或、或或将被移除。 相关选项也可以直接设置在正则表达式中,如: 复制代码代码如下所…

令人振奋的经典签名

令人振奋的经典签名

经典,电脑软件,以下是你所编辑的令人兴奋的经典人格签名的全部内容。如果您喜欢小编辑器的建议,请继续关注它。 追你这么快,我有这么多的瀑布仍然麻木。 人生是一场无休止的战斗,醒来吧,一个沉睡的人。 面对欲望和恐惧,不要让自己失去平静和平静…