JavaScript 解析读取XML文档 实例代码_javascript技巧
程序员文章站
2022-05-20 14:47:50
...
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浏览器,否则可能无法解析。
关于其它的说明,可以参看程序中的注释。
上一篇: php中mysql执行有关问题
下一篇: PHP数据流应用的一个简单实例_PHP
推荐阅读
-
javascript解析ajax返回的xml和json格式数据实例详解
-
JavaScript Base64 作为文件上传的实例代码解析
-
JavaScript Base64 作为文件上传的实例代码解析
-
利用JavaScript实现新闻滚动效果(实例代码)_javascript技巧
-
jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
-
js 文本滚动效果的实例代码_javascript技巧
-
JS将表单导出成EXCEL的实例代码_javascript技巧
-
JavaScript 读取元素的CSS信息的代码_javascript技巧
-
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]_javascript技巧
-
JavaScript打开word文档的实现代码(c#)_javascript技巧