javascript读取XML

最新推荐文章于 2022-05-26 19:07:12 发布
最新推荐文章于 2022-05-26 19:07:12 发布
阅读量56 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fmxyw/archive/2009/06/11/1501267.html
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript"  type="text/javascript">

var url = "bOPOM02.aspx.xml";
String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }

var xmlDoc;

 var moz = (typeof document.implementation != 'undefined')
   && (typeof document.implementation.createDocument != 'undefined');
 var ie = (typeof window.ActiveXObject != 'undefined');

function importXML(file)
{
 if (moz)
 {
   xmlDoc = document.implementation.createDocument("", "doc", null);
 }
 else if (ie)
  {
   xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
   xmlDoc.async = false;
   while(xmlDoc.readyState != 4) {};
 }
 
 xmlDoc.load(file);
}
importXML(url);

function updateCityState(){
if (moz)
{
     var MultiStr = "";
    
     var root = xmlDoc.getElementsByTagName("Infolight")[0].getElementsByTagName("CHT")[0];
     var nodeList = root.getElementsByTagName("Language");
     var nodeLen = nodeList.length;

    for(var j=0;j<nodeLen;j++)
    {
     if(nodeList[j].attributes[0].nodeName=="field" && nodeList[j].attributes[0].nodeValue == "wgvDetail.PRODENAME.HeadText")
    {
     if(nodeList[j].attributes[1].nodeName=="value")
      MultiStr += "'PRODENAME':'"+nodeList[j].attributes[1].nodeValue+"',";
    }
    
    if(nodeList[j].attributes[0].nodeName=="field" && nodeList[j].attributes[0].nodeValue == "wgvDetail.PRODSTRUCTURE.HeadText")
    {
     if(nodeList[j].attributes[1].nodeName=="value")
      MultiStr += "'PRODSTRUCTURE':'"+nodeList[j].attributes[1].nodeValue+"',";
    }
   }
   
    MultiStr = MultiStr.substr(0,MultiStr.length -1);
    var Multijson = eval("({"+MultiStr+"})");
   
     document.getElementById('city').value = Multijson.PRODENAME;
    document.getElementById('state').value = Multijson.PRODSTRUCTURE;
     
}
else if (ie)
 {
    var MultiStr = "";
   
    var root = xmlDoc.selectSingleNode("/Infolight/CHT");
    var nodeList = root.childNodes;
    var nodeLen = nodeList.length;

    for(var j=0;j<nodeLen;j++)
    {
     if(nodeList[j].attributes[0].nodeName=="field" && nodeList[j].attributes[0].nodeValue == "wgvDetail.PRODENAME.HeadText")
    {
     if(nodeList[j].attributes[1].nodeName=="value")
      MultiStr += "'PRODENAME':'"+nodeList[j].attributes[1].nodeValue+"',";
    }
    
    if(nodeList[j].attributes[0].nodeName=="field" && nodeList[j].attributes[0].nodeValue == "wgvDetail.PRODSTRUCTURE.HeadText")
    {
     if(nodeList[j].attributes[1].nodeName=="value")
      MultiStr += "'PRODSTRUCTURE':'"+nodeList[j].attributes[1].nodeValue+"',";
    }
   }
   
    MultiStr = MultiStr.substr(0,MultiStr.length -1);
    var Multijson = eval("({"+MultiStr+"})");
    document.getElementById('city').value = Multijson.PRODENAME;
    document.getElementById('state').value = Multijson.PRODSTRUCTURE;
  }   
}
</script>
</head>
<body>
<form action="post">

  <p>
  ZIP code:
  <input type="text" size="5" name="zip" id="zip" οnblur="updateCityState();" />

  </p>
  City:
  <input type="text" name="city" id="city" />

  State:
  <input type="text" size="2" name="state" id="state" />

</form>
</body>
</html>

 

转载于:https://www.cnblogs.com/fmxyw/archive/2009/06/11/1501267.html

weixin_30340353
关注
JavaScript操作XML文件(1)读取
java619
11-07 1259
/***************************************Author:Java619*Time:2006-11-07**************************************/假设我们现在要读取下面的 info.xml 文件 xml version="1.0" encoding="gb2312"?>root>  data id="1">    
3.7 使用JavaScript读取XML文件
小脆筒style的博客
06-17 1083
使用JavaScript读取XML文件 XML文件自行创建，文档树结构如下：根节点下三个子节点，每个子节点下5个子节点，随便选取第三层一组节点，读取其中信息，节点命名、及文本信息自行设定。 直观图 相关代码 index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>通过JavaScript读取XML文档中
javascript 读XML
小牛
12-01 672
XML 云儿 18 广州 学生 打篮球 2000-12-13 黑板报 20 广州 学生 跳舞 2000-12-13
JavaScript实现解析xml文件数据
m0_70015558的博客
05-26 1万+
​ 用js来解析xml文件，xml格式的数据很普遍，特别是一些老项目普遍都用xml格式的数据。在ajax里有个responseXML就返回的是xml格式的数据，下面是js如何解析xml文件，获得里面的数据。话不多说，直接上传。 ​.........
利用js读取xml文件
技术分享博客
04-21 5512
js读取xml文件XML文件新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 XML文件 新的改变 我们对Mar...
JavaScript操作XML文件之XML读取方法
10-24
JavaScript操作XML文件之XML读取方法主要讨论了如何使用JavaScript进行XML文件的读取操作。本文将详细介绍如何在JavaScript中通过DOM（文档对象模型）技术读取XML文件内容，并对文件中的数据进行遍历。 首先，XML...
用javascript操作xml
12-11
文中尽量用上所有的操作和属性，以做示范 代码如下:[removed] <!– var doc = new ActiveXObject(“Msxml2.DOMDocument”); //ie5.5+,CreateObject(“Microsoft.XMLDOM”) //加载文档 //doc.load(“b....
javascript读取xml
12-12
代码如下:/** * 得到XML文件属性的集合对象 * @param xmlDoc XML对象 * @param name 属性名称 如: user * @return 返回 Array 对象 * Example XML: * <?xml version=’1.0′ encoding=’...
JavaScript操作XML
03-19
JavaScript操作XML是Web开发中的一个重要话题，特别是在早期的网页应用中，XML被广泛用于数据交换和存储。XML（eXtensible Markup Language）是一种结构化数据格式，它允许开发者定义自己的标记来组织和存储数据。...
前端 读取XML文件
cuishouming的博客
08-15 1万+
Jquery读取下xml文件。 代码如下： html内容 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999...
用JavaScript读取本地XML文件
CharlesYooSky的博客
10-12 4482
1. 本地XML文件：VehicleTest1.xml xml version="1.0" encoding="utf-8"?>   Root>          CurrentStatus>           LicensePlateNumber>鄂EA12345LicensePlateNumber>           CurrentTime>2011-11-20Cu
用js如何实现读取xml数据并且显示在html中
有问题可关注公众号：前端研究院 后台输入问题回复
10-23 1万+
DOM 把 XML 文档作为树结构来查看。能够通过 DOM 树来访问所有元素。可以修改或删除它们的内容，并创建新的元素。元素，它们的文本，以及它们的属性，都被认为是节点。在本例中，将讲解用js如何实现读取xml数据并且显示在html中。感谢分享http://jingyan.baidu.com/article/1709ad8067b5804634c4f0ef.html 方法
html5 读取xml,javascript中如何读取xml文件？
weixin_31585653的博客
07-15 680
javascript如何读取xml文件？下面本篇文章就来给大家介绍一下使用javascript读取xml文件的方法，希望对大家有所帮助。什么是xml？可扩展标记语言，标准通用标记语言的子集，简称XML。是一种用于标记电子文件使其具有结构性的标记语言。xml的产生：随着Web应用的不断发展，HTML的局限性也越来越明显地显现了出来，如HTML无法描述数据、可读性差、搜索时间长等。人们又把目光转向SG...
HTML读取xml文件的三种办法
zhengyikuangge的博客
11-14 2万+
刚开始学这里的时候有点懵，以前没学过。但是学安卓动画（Animation）的时候接触过xml文件，总体来说不难。 一般来说xml文件用来储存数据，然后html读取它，主要介绍三种读取方式 利用CSS读取xml文件//CSS代码：设置xml数据的显示格式students{ display:table; border-top-width: 2mm; border-right-wi
javascript读取xml文件
绝圣弃智-零的博客
03-28 933
假设我们现在要读取下面的 info.xml 文件 <?xml version="1.0" encoding="gb2312"?> <root> <data id="1"> <name>ceun</name> <age>21</age> </data> <data id="2"&...
Tree
wyh_1983的专栏
08-07 1748
首先：xml文件（tree.xml）内容如下： 山东省 _blank 省份 威海市 _blank 城市 烟台市 _blank 城市 长夼村 _blank 乡镇 http://www.baidu.com/ 富镇 _blank 乡镇 http://www.baidu.com/ 河北省 _blank 省份 泊头市 _blank 城市 郊河 _blank 乡镇 ht
JavaScript解析XML,js解析xml字符串
热门推荐
方佳宇博客
12-06 3万+
JavaScript解析XML,js解析xml字符串
javascript读取XML文件中的值
韶光
06-13 1万+
在xml文件里写好变量，该文件命名为xmlfile.xml &lt;VideoConfig&gt; &lt;video1&gt;video1.mp4&lt;/video1&gt; &lt;video2&gt;video2.mp4&lt;/video2&gt; &lt;video3&gt;video3.mp4&lt;/video3&gt; &lt;video4&gt;vi
JavaScript读取XML文件示例
“js读取xml文件.doc”是一个关于JavaScript如何读取XML文件的文档示例。文档中包含了一个XML文件（books.xml）的样本数据，以及一个HTML文件（jsxml.html）的代码片段，该片段展示了如何在JavaScript中创建和处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值