JavaScript 解析读取XML文档 实例代码_javascript技巧
程序员文章站
2022-05-04 11:33:25
...
JavaScript解析读取XML文件,主要就是加载并解析XML文件,然后就可以测试解析的XML文件的内容,打印输出来。
在线演示:http://demo.jb51.net/js/2012/readxml/
注:测试的时候需要在网站中测试,iis或apache中,注意不要本地双击运行测试
index.htm
脚本之家
xml文件
没有用TABLE ,是因为显示倒了,所以设置了一个变量,然后显示!值得今后借签!
下面是另外一个例子:
编写了一个JavaScript的类来实现读取一个XML文件中的数据,实现代码如下所示:
其中,我们测试使用的XML文件user.xml的内容如下所示:
-
-
22240319830000
Shirdrn
26
男
shirdrn@hotmail.com
13843140000
-
22040319860001
Linda
23
女
linda@hotmail.com
13843140002
运行测试程序,解析结果输出如下所示:
第1条记录信息:
id = 22240319830000.
name = Shirdrn.
age = 26.
gender = 男.
email = shirdrn@hotmail.com.
phone = 13843140000.
第2条记录信息:
id = 22040319860001.
name = Linda.
age = 23.
gender = 女.
email = linda@hotmail.com.
phone = 13843140002.
在解析XML文件的时候,要保证对不同类型的浏览器提供支持,这里主要对IE和Mozillia浏览器,否则可能无法解析。
关于其它的说明,可以参看程序中的注释。
在线演示:http://demo.jb51.net/js/2012/readxml/
注:测试的时候需要在网站中测试,iis或apache中,注意不要本地双击运行测试
index.htm
复制代码 代码如下:
xml文件
复制代码 代码如下:
没有用TABLE ,是因为显示倒了,所以设置了一个变量,然后显示!值得今后借签!
下面是另外一个例子:
编写了一个JavaScript的类来实现读取一个XML文件中的数据,实现代码如下所示:
复制代码 代码如下:
其中,我们测试使用的XML文件user.xml的内容如下所示:
复制代码 代码如下:
-
-
-
运行测试程序,解析结果输出如下所示:
复制代码 代码如下:
第1条记录信息:
id = 22240319830000.
name = Shirdrn.
age = 26.
gender = 男.
email = shirdrn@hotmail.com.
phone = 13843140000.
第2条记录信息:
id = 22040319860001.
name = Linda.
age = 23.
gender = 女.
email = linda@hotmail.com.
phone = 13843140002.
在解析XML文件的时候,要保证对不同类型的浏览器提供支持,这里主要对IE和Mozillia浏览器,否则可能无法解析。
关于其它的说明,可以参看程序中的注释。
上一篇: iOS XMPP之mysql数据库的安装
下一篇: Vue打包出现一些map文件怎么办?
推荐阅读
-
JS的数组的扩展实例代码_javascript技巧
-
用javascript读取xml文件读取节点数据_javascript技巧
-
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)_javascript技巧
-
xml转json的js代码_javascript技巧
-
javascript读取xml实现javascript分页_javascript技巧
-
js控制不同的时间段显示不同的css样式的实例代码_javascript技巧
-
JS操作Cookie写入和读取实例代码_javascript技巧
-
Javascript实现滚动图片新闻的实例代码_javascript技巧
-
Javascript脚本实现静态网页加密实例代码_javascript技巧
-
利用JavaScript实现新闻滚动效果(实例代码)_javascript技巧