脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript获取XML数据

JavaScript获取XML数据附示例截图

 更新时间：2014年03月05日 10:49:42   作者：  
这篇文章主要介绍了JavaScript获取XML数据的方法,需要的朋友可以参考下
Hot.xml文件 ：
复制代码 代码如下:

<?xml version="1.0" encoding="gb2312"?>
<root>
<item>
<name>刘亦菲</name>
<url>MingXing/LiuYiFei.htm</url>
<color>red</color>
</item>
<item>
<name>蔡依林</name>
<url>MingXing/CaiYiLin.htm</url>
<color>blue</color>
</item>
<item>
<name>张娜拉</name>
<url>MingXing/ZhangNaLa.htm</url>
<color>green</color>
</item>
<item>
<name>张韶涵</name>
<url>MingXiang/ZhangShaoHan.htm</url>
<color>grey</color>
</item>
<item>
<name>张靓颖</name>
<url>MingXing/ZhangLiangYin.htm</url>
<color>black</color>
</item>
<item>
<name>李宇春</name>
<url>MingXing/LiYuChun.htm</url>
<color>yellow</color>
</item>
<item>
<name>徐若瑄</name>
<url>MingXing/XuLuXuan.htm</url>
<color>pink</color>
</item>
</root>

demo1.html文件：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript获取XML数据</title>
<script language="javascript">
复制代码 代码如下:

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
xmlDoc.async=true; //使用异步加载
xmlDoc.onreadystatechange=loadedSales;
function loadedSales()
{
var txt="";
if(xmlDoc.readyState == 0){
alert("0");
}
if(xmlDoc.readyState == 1){
alert("1");
}
if(xmlDoc.readyState == 2){
alert("2");
}
if(xmlDoc.readyState == 3){
alert("3");
}
if(xmlDoc.readyState == 4)
{
if(xmlDoc.parseError.errorCode != 0)
{
txt="xml解析错误！";
}else{
var items=xmlDoc.documentElement.selectNodes("item");
if(items != null && items.length > 0)
{
for(var i=0; i < items.length; i++)
{
txt += "<li><a href="+items[i].childNodes[1].text+" mce_href="+items[i].childNodes[1].text+" style="color:" mce_style="color:""+items[i].childNodes[2].text+">"+items[i].childNodes[0].text+"</a></li>";
}
}else{
txt="";
}
}
}else{
txt="";
}
document.getElementById("sales").innerHTML=txt;
}
function loadXmlDoc()
{
var url="Hot.xml";
xmlDoc.load(url);
}
</script>
</head>

<body onLoad="loadXmlDoc()">
<div id="sales"></div>
</body>
</html>

效果图：
您可能感兴趣的文章:

相关文章

  • Javascript网页抢红包外挂实现分享

    Javascript网页抢红包外挂实现分享

    本篇文章通过一个抢红包的网页实例讲述了Javascript书写的原理以及思路，有兴趣的朋友参考学习下。
    2018-01-01
  • JS数组降维的实现Array.prototype.concat.apply([], arr)

    JS数组降维的实现Array.prototype.concat.apply([], arr)

    这篇文章主要介绍了JS数组降维的实现Array.prototype.concat.apply([], arr)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 微信接入之获取用户头像的方法步骤

    微信接入之获取用户头像的方法步骤

    这篇文章主要介绍了微信接入之获取用户头像的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • JavaScript前后端JSON使用方法教程

    JavaScript前后端JSON使用方法教程

    这篇文章主要给大家介绍了关于JavaScript前后端JSON使用方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • javascript FormatNumber函数实现方法

    javascript FormatNumber函数实现方法

    如果有一个数字498.8573945,如何把它格式化成两位小数据呢？用过asp的都知道,在vbscript里我们可以调用formatnumber,即用formatnumber(498.8573945,2)就可以输出：498.86。
    2008-12-12
  • 微信小程序修改数组长度的问题的解决

    微信小程序修改数组长度的问题的解决

    这篇文章主要介绍了微信小程序修改数组长度的问题的解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 小程序云开发实战小结

    小程序云开发实战小结

    这篇文章主要介绍了小程序云开发实战小结，本文详细的介绍了云开发以及环境的搭建和项目实践，非常具有实用价值，需要的朋友可以参考下
    2018-10-10
  • JavaScript 原型学习总结

    JavaScript 原型学习总结

    每个对像都有一个隐慝的属性用于指向到它的父对像（构造对像的函数）的原型(这里称为父原型或隐式原型），并从中继承它的属性和方法
    2010-10-10
  • JavaScript定时器制作弹窗小广告

    JavaScript定时器制作弹窗小广告

    这篇文章主要为大家详细介绍了JavaScript定时器制作一个弹窗小广告，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JS实现利用两个队列表示一个栈的方法

    JS实现利用两个队列表示一个栈的方法

    这篇文章主要介绍了JS实现利用两个队列表示一个栈的方法,简单分析了使用两个队列表示一个栈的原理,并结合具体实例分析了javascript相关操作技巧,需要的朋友可以参考下
    2017-12-12

最新评论