JS读取XML数据

最新推荐文章于 2022-05-26 19:07:12 发布
最新推荐文章于 2022-05-26 19:07:12 发布
阅读量778 收藏
点赞数

XMl数据格式如下：

<?xml version="1.0" encoding="gb2312"?>
<root>
<item>
<name>刘亦菲</name>
<url>MingXing/LiuYiFei.htm</url>
<color>7A9D4B</color>
</item>
<item>
<name>蔡依林</name>
<url>MingXing/CaiYiLin.htm</url>
<color>FD0000</color>
</item>
<item>
<name>张娜拉</name>
<url>MingXing/ZhangNaLa.htm</url>
<color>7A9D4B</color>
</item>
<item>
<name>张韶涵</name>
<url>MingXiang/ZhangShaoHan.htm</url>
<color>0000FF</color>
</item>
<item>
<name>张靓颖</name>
<url>MingXing/ZhangLiangYin.htm</url>
<color>7A9D4B</color>
</item>
<item>
<name>李宇春</name>
<url>MingXing/LiYuChun.htm</url>
<color>7A9D4B</color>
</item>
<item>
<name>徐若瑄</name>
<url>MingXing/XuLuXuan.htm</url>
<color>FD0000</color>
</item>
</root>

 

前端JS脚本代码如下：

 

var cdsales=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
cdsales.async=true; //使用异步加载
cdsales.onreadystatechange=LoadedSales;
function LoadedSales()
{
    var txt="";
    if(cdsales.readyState==4)
    {
        if(cdsales.parseError.errorCode != 0) 
        {
            txt="";
        }else{
            var bi=cdsales.documentElement.selectNodes("item");
            if(bi!=null&&bi.length>0)
            {
                for(var i=0;i<bi.length;i++)
                {    
                    txt+="<li>·<a href="+bi[i].childNodes[1].text+" style=color:"+bi[i].childNodes[2].text+">"+bi[i].childNodes[0].text+"</a></li>";
                }
            }else{
                txt="";
            }
        }
    }else{
        txt="";
    }    
    sales.innerHTML=txt;
}
function LoadSalesDoc()
{
    var Url="/XML/Hot.xml";
    cdsales.load(Url);

}

JS修改xml文件：

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false; //关闭异步加载
xmlDoc.load("/XML/config.xml");  //可以是相对路径，返url为http://localhost:4025/XML/config.xml
//var node = xmlDoc.documentElement.selectNodes("dataPath");
var singleNode = xmlDoc.documentElement.selectSingleNode("dataPath");     
singleNode.text = "newdatabase";
xmlDoc.save("E:\\config.xml");   //不能用相对路径"/XML/config.xml"，为什么？

 

//读取xml
<script type="text/javascript" language="javascript">
        var cdsales = new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
        cdsales.async = true; //使用异步加载
        cdsales.onreadystatechange = LoadedSales;
        function LoadedSales() {
            var txt = "";
            if (cdsales.readyState == 4) {
                if (cdsales.parseError.errorCode != 0) {
                    txt = "";
                } else {
                    var bi = cdsales.documentElement.selectNodes("dataPath");     //item
                    var _path = bi[0].text;
                    document.getElementById("path").innerHTML = "默认目录：" + _path;
                }
            } else {
                txt = "";
            }
            //sales.innerHTML = txt;
        }
        function LoadSalesDoc() {
            //var Url = "/XML/config.xml";       //相对路径OK
            var Url = "E:\\config.xml";
            cdsales.load(Url);
        }
    </script>

<body  οnlοad="LoadSalesDoc()">

Andy511823558
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
主要介绍了JS读取XML文件数据并以table形式显示数据的方法,涉及javascript针对xml节点操作及HTML表格操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript操作XML文件(1)读取
java619
11-07 1227
/***************************************Author:Java619*Time:2006-11-07**************************************/假设我们现在要读取下面的 info.xml 文件 xml version="1.0" encoding="gb2312"?>root>  data id="1">    
js读取xml文件
xclsky的博客
12-27 1543
1,js也能读取xml文件内容，通过ActiveXObject来实现、 如：var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");     xmlDoc.async="false";     xmlDoc.load("xml/NewFile.xml");     var root=xmlDoc.documentElement;     aler
利用js读取xml文件
技术分享博客
04-21 5474
js读取xml文件XML文件新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 XML文件 新的改变 我们对Mar...
JavaScript实现解析xml文件数据
m0_70015558的博客
05-26 1万+
​ 用js来解析xml文件，xml格式的数据很普遍，特别是一些老项目普遍都用xml格式的数据。在ajax里有个responseXML就返回的是xml格式的数据，下面是js如何解析xml文件，获得里面的数据。话不多说，直接上传。 ​.........
JS读取XML文件中的内容
s01896的博客
04-19 1408
1.使用方法 var tHdnBGM = GetRoleByXML("104","Role-Site","BG_Mananger"); //返回值为 H00001 var tHdnBGM2 = GetRoleByXMLValue("104","Role-Site","BG_Mananger"); //返回值为 H00001_张那 2.xml文件内容 <?xml version="1.0" encoding="UTF-8"?> <!-- 多值以 ":" 分隔 -->
javascript 读取XML数据，在页面中展现、编辑、保存的实现
10-29
最近需要做这样一个需求，数据保存在XML里，在页面上通过表格显示其内容，可以修改内容，再保存到XML。下面把做这个东西的过程记录下来，做个笔记，也给需要的人一些帮助。
js读取xml文件并获取文件内容
03-21
js读取xml文件并获取文件内容
用javascript读取xml文件读取节点数据
10-25
主要介绍了用javascript读取xml文件读取节点数据的具体实现,需要的朋友可以参考下
JS实现加载和读取XML文件的方法详解
12-11
本文实例讲述了JS实现加载和读取XML文件的方法。分享给大家供大家参考，具体如下： 有时在开发时用到 JS 加载和读取XML文件的情况，写下提供参考，这里主要是分两步完成： 1. JS加载XML文件 步骤一般为（1），建立 XML DOM 对象；（2），设置加载方式，异步（推荐）或同步； （3）提供XML文件URL然后调用 load 方法；大致如下： var xmlFileName="xxFile.xml"; var xmlDoc=''; if (window.ActiveXObject){ // IE var activeXNameList=new Array("MSXML2.DOMD
JavaScript实现读取与输出XML文件数据的方法示例
12-02
本文实例讲述了JavaScript实现读取与输出XML文件数据的方法。分享给大家供大家参考，具体如下： 一、介绍 通过JavaScript读取XML文档中数据的方法很多。 其根本的思路就是：首先在后台加载XML文档，然后通过JavaScript获取文档中所需的数据，最后应用HTML展示获取的数据。 二、获取XML元素的属性值的应用 下面应用attributes属性和getNamedItem()方法获取一个指定的XML文档中的属性值。 三、代码 首先创建一个XML文档，并且为指定的元素设置属性，程序代码如下： <?xml version="1.0" encoding="GB2312"?> <e
JavaScript获取XML文件的数据
03-31
NULL 博文链接：https://axl234.iteye.com/blog/1392217
脚本操作xml
chxzly1981的专栏
10-12 2084
14.1  读取XML文件随着XML的流行，JavaScript开发者也迫切希望在客户端Web开发中应用XML，本节将介绍如何通过XML DOM对象和XMLHttpRequest对象读取XML文件。实例350   使用XML DOM对象读取XML文件实例说明 在制作网站时，有时需要在页面上显示商品或其他信息的列表，这时，如果是动态网站可以将列表信息保存到数据库中，但如果是静态网站，
js读取xml数据
nano-dhh
07-01 649
xml数据：cities.xml 石家庄 保定 廊坊 唐山 沧州 邢台 张家口 哈尔滨 鸡西 鹤岗 大庆 齐齐哈尔 双鸭山 佳木斯 长春 吉林市 白城 四平 白山 通话 松源 长沙 岳阳 汨罗 益阳 常德 张家界 永州 沈阳 大连 鞍山
javascript去读本地xml文件
燃木刀法
09-19 727
已下是讲xml本地数据文件作为数据源，使用javascript编写二级下拉菜单的
JavaScript读取XML文件
a_dev的专栏
03-01 411
背景：使用ArcGIS API for JavaScript做地图开发。后端JS代码中需要获取前端HTML中的各组件ID。为使前后端分离，现使用XML文件存储HTML文件中的各组件ID配对（即一个InnerId对应一个OuterId，InnerId供JS代码里调用，OuterId供前端开发使用）。 写一个方法去根据InnerId获取对应的OuterId： function getByI

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值