JavaScript读取本地XML文件

最新推荐文章于 2022-09-28 14:32:08 发布
最新推荐文章于 2022-09-28 14:32:08 发布
阅读量392 收藏 2
点赞数
文章标签： javascript ViewUI

1. 本地XML文件：VehicleTest1.xml

<?xml version="1.0" encoding="utf-8"?>
<Root>

	<CurrentStatus>
		<LicensePlateNumber>鄂EA12345</LicensePlateNumber>
		<CurrentTime>2011-11-20</CurrentTime>
		<Speed>60Km/h</Speed>
		<Lon>10646270</Lon>
		<Lat>2955278</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77881</LicensePlateNumber>
		<CurrentTime>2010-03-21</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10646252</Lon>
		<Lat>2955755</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77882</LicensePlateNumber>
		<CurrentTime>2010-03-22</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10646200</Lon>
		<Lat>2956039</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77883</LicensePlateNumber>
		<CurrentTime>2010-03-23</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10646561</Lon>
		<Lat>2956337</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77884</LicensePlateNumber>
		<CurrentTime>2010-03-24</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10646526</Lon>
		<Lat>2957069</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77885</LicensePlateNumber>
		<CurrentTime>2010-03-25</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10644054</Lon>
		<Lat>2957487</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77886</LicensePlateNumber>
		<CurrentTime>2010-03-26</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10644055</Lon>
		<Lat>2957488</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77887</LicensePlateNumber>
		<CurrentTime>2010-03-27</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10644140</Lon>
		<Lat>2956412</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77888</LicensePlateNumber>
		<CurrentTime>2010-03-28</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10644311</Lon>
		<Lat>2954993</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A77889</LicensePlateNumber>
		<CurrentTime>2010-03-29</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10645101</Lon>
		<Lat>2953410</Lat>
	</CurrentStatus>

	<CurrentStatus>
		<LicensePlateNumber>渝A7788A</LicensePlateNumber>
		<CurrentTime>2010-03-30</CurrentTime>
		<Speed>88Km/h</Speed>
		<Lon>10646217</Lon>
		<Lat>2951990</Lat>
	</CurrentStatus>

</Root>

2. JavaScript代码：VehicleTest1.htm 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript 读取 xml文件</title>
<SCRIPT LANGUAGE="JavaScript">
	
var xmlDoc;					     /* DOM对象 */;
var objNodeList;                               /* 对象结点列表 */
var Node;                                           /* 以CurrentStatus为标记的结点 */
var LicensePlateNumber;             /* 车牌号码 */
var CurrentTime;                             /* 当前GPS时间 */
var Speed;                                        /* 车速 */
var Lon;                                             /* 经度 */
var Lat;                                              /* 维度 */

function JavaScriptReadXML()
{
 
 xmlDoc =  new ActiveXObject("Microsoft.XMLDOM");     /* 创建DOM对象 */
 xmlDoc.async= false;                                         /* 非异步加载模式 */
 xmlDoc.load('C:/VehicleTest1.xml');              /* 加载本地XML文件 */

if (xmlDoc.parseError.errorCode != 0)           /* 解析XML文件内容 */
    {
   var myErr = xmlDoc.parseError;
   document.write("You have error " + myErr.reason);
     } 
else 
{
   objNodeList = xmlDoc.getElementsByTagName("CurrentStatus");
   for (var i=0; i<objNodeList.length; i++)                                                     /* 读取总的结点数 */
   {
   	
   	 Node = objNodeList[i];
   	 for( var k = 0; k < Node.childNodes.length; k++ )                               /* 各个结点逐个击破 */
   	 {
   	 	 if( Node.childNodes[k].nodeName == "LicensePlateNumber" )      /* 车牌号码 */
           LicensePlateNumber = Node.childNodes[k].text;   	
           
           if( Node.childNodes[k].nodeName == "CurrentTime" )                      /* 当前GPS时间 */
           CurrentTime = Node.childNodes[k].text;

           if( Node.childNodes[k].nodeName == "Speed" )                                  /* 车速 */
           Speed = Node.childNodes[k].text;  
           
           if( Node.childNodes[k].nodeName == "Lon" )                                       /* 经度 */
           Lon = Node.childNodes[k].text;  
           
           if( Node.childNodes[k].nodeName == "Lat" )                                          /* 维度 */
           Lat  = Node.childNodes[k].text;              	
   	 }
   	 
      document.write(LicensePlateNumber+"<br>");
      document.write(CurrentTime+"<br>");
      document.write(Speed+"<br>");   
      document.write(Lon+"<br>");
      document.write(Lat+"<br>");   
      document.write("<br>");   
      
   } 
}
}

</SCRIPT>
</head>
<body οnlοad="JavaScriptReadXML()" >
</body>
</html>

3. 读取结果：

鄂EA12345
2011-11-20
60Km/h
10646270
2955278

渝A77881
2010-03-21
88Km/h
10646252
2955755

渝A77882
2010-03-22
88Km/h
10646200
2956039

渝A77883
2010-03-23
88Km/h
10646561
2956337

渝A77884
2010-03-24
88Km/h
10646526
2957069

渝A77885
2010-03-25
88Km/h
10644054
2957487

渝A77886
2010-03-26
88Km/h
10644055
2957488

渝A77887
2010-03-27
88Km/h
10644140
2956412

渝A77888
2010-03-28
88Km/h
10644311
2954993

渝A77889
2010-03-29
88Km/h
10645101
2953410

渝A7788A
2010-03-30
88Km/h
10646217
2951990






iteye_4537
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript操作XML文件(1)读取
java619
11-07 1216
/***************************************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 1051
使用JavaScript读取XML文件 XML文件自行创建，文档树结构如下：根节点下三个子节点，每个子节点下5个子节点，随便选取第三层一组节点，读取其中信息，节点命名、及文本信息自行设定。 直观图 相关代码 index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>通过JavaScript读取XML文档中
js处理xml文件
Jane's Blog
09-28 2305
js 操作xml数据
利用js读取xml文件
技术分享博客
04-21 5454
js读取xml文件XML文件新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 XML文件 新的改变 我们对Mar...
JavaScript操作XML文件之XML读取方法
10-24
主要介绍了JavaScript操作XML文件之XML读取方法,涉及javascript操作XML文件的相关技巧,需要的朋友可以参考下
JavaScript读取xml文件内容.zip
01-29
js读取Xml文件内容.zip
读写XML文件实例 Javascript
11-08
Nodejs 读写XML文件实例，代码使用Javascript，可以在服务器端程序使用。
用javascript读取xml文件读取节点数据
10-25
主要介绍了用javascript读取xml文件读取节点数据的具体实现,需要的朋友可以参考下
js获取本地xml
11-13
js获取本地xml var xdoc = new ActiveXObject("Microsoft.XMLDOM"); xdoc.async="true"; xdoc.load('例10-6.XML'); nodes=xdoc.documentElement.childNodes; var txt=""+""+nodes.item(0).text+""+nodes.item(1).text+""+""; document.write(txt);
ajax读取本地xml文件要注意的地方
小树吥倒
01-11 1018
正在研究如何把本地的xml文件导入到服务器，这是网上转载的资料，记录在这里： 用ajax读取本地的xml文件，返回的responseXML总是空，后来又试了其他一些方法，在错误和错误中逐渐搞明白了一些东西，现在将研究成果记录如下： 1、XMLHttpRequest对象是可以读取本地文件的（以xml文件为主）； 2、但XMLHttpRequest对象用.responseXML返回XML DOM
xml文件的读写
IT一分子
04-15 1175
原文：http://blog.csdn.net/lishuangzhe7047/article/details/19508821
JS读取XML文件
微笑丶1998的博客
11-25 1880
快捷目录写在前面读取本地XML文件XML字符串转XMLDocument对象测试文件xml_test.xml操作XMLDocument对象DOM根遍历所有子节点为节点添加子节点为节点添加子属性删除节点XMLDocument对象转XML字符串 写在前面 网上有旧教程使用ActiveXObject来读取XML的，但是目前有的浏览器不支持ActiveX控件（比如不是IE内核的浏览器 如chrome等），...
html5_JQuery加载本地的xml之一
milijiangjun的博客
05-16 1537
&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!-- xml提示：禁止添加任何@或者#的字符 --&gt; &lt;student&gt; &lt;UserId txt_s ="用户的Id"&gt;01&lt;/UserId&gt; &lt;Name txt_s ="用户的姓名"&a
UE4读取本地XML文件
神码编程
09-20 7003
其实这里读取XML也是利用了Tinyxml来读取xml，主要是讲Tinyxml放在UE4中，遇到的一点点坑 1.先给出Tinyxml链接:http://www.grinninglizard.com/tinyxml/，可以下载他的工程 2.用UE4新建一个C++工程，将下图的几个文件添加到UE4.的工程中 3.并在tinyxml的cpp文件中添加本工程的头文件，比如这里是 #incl
ajax读取xml内容方法,JS通过ajax动态读取xml文件内容的方法
weixin_42508905的博客
08-06 352
这篇文章主要介绍了JS通过ajax动态读取xml文件内容的方法,实例分析了Ajax操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了JS通过ajax动态读取xml文件内容的方法。分享给大家供大家参考。具体分析如下：下面的JS代码读取note.xml文件，并填充显示相关字段HTML文件代码如下function loadXMLDoc(url){var xmlhttp;if ...
AJAX 调用XML文件
wojuranshigehaoren的博客
06-22 375
AJAX 调用XML文件
Js读取input框的xml文件并由jq解析
hxthon的博客
04-28 471
说明 我文件是cnblogs文章备份导出的xml文件，目的我是想获取导出的xml的每篇文章的信息。 读取文件 html文件部分 <div>xml文件：<input type="file" name="xml" id="xml"></div> <br> <div><input type="button" id="submit" val...
javascript 读取 解析 xml文件 案例 更深入
最新发布
09-05
答：JavaScript可以使用DOMParser从XML文件中读取和解析内容。下面是一个简单的案例：var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xmlString, "text/xml"); var elements = xmlDoc....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值