JS读取XML文件

XML文件：

<?xml version="1.0" encoding="utf-8" ?>
<CATALOG><CD><TITLE>这是标题1</TITLE><DATA>这是数据1</DATA>
</CD>
<CD><TITLE>这是标题2</TITLE><DATA>这是数据2</DATA>
</CD>
<CD><TITLE>这是标题3</TITLE><DATA>这是数据3</DATA>
</CD>
</CATALOG>

JS代码：

<script>//创建XML文件对象if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari//XMLHttpRequest 对象用于在后台与服务器交换数据。xmlhttp = new XMLHttpRequest();}else {// code for IE6, IE5// ActiveXObject 对象构造函数来启动应用程序//Xmlhttp是一种浏览器对象， 可用于模拟http的GET和POST请求。//配合JavaScript可以实现页面数据在无刷新下的定时数据更新。xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}//发送一个http请求 （打开xml文件）//用open可以指定get,post /*第一个参数是请求方式，* 第二个参数是文件地址，* 第三个参数为是否为异步（默认为true(是) / false(否) ）*/xmlhttp.open("GET", "/Files/XMLFile.xml", false);/*使用Ajax提交的参数多是些简单的字符串，* 可以直接使用GET方法将要提交的参数写到open方法的url参数中，* 此时send方法的参数为null。*/xmlhttp.send();//属性返回 XML 文档对象xmlDoc = xmlhttp.responseXML;//得到标签var x = xmlDoc.getElementsByTagName("CD");//拼接成htmldocument.write("<table border='1'>");for (i = 0; i < x.length; i++){document.write("<tr><td>");document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);document.write("</td><td>");document.write(x[i].getElementsByTagName("DATA")[0].childNodes[0].nodeValue);document.write("</td></tr>");}document.write("</table>");
</script>

本人也是初学者，大家若发现有什么不对的地方还请留言指正

利用js读取xml文件相关推荐

linux下用js生成xml文件,使用JS读取XML文件的方法
由于项目上需要解析xml,于是各种百度,然后自己总结了下各个主流浏览器解析xml的方法,只能是很浅显的知道他的用法,但是还没有深层次的研究. 不同的浏览器对xml的解析方式不同,根据目前主流浏览器大致 ...
html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: 张秋丽女 18 李文才男 31 李斯文男 22 马英女 25 孙红雷 ...
用JS读取XML文件
做一个菜单,需要读取服务器端的XML文件,然后根据XML文件内容拼成菜单. 读取XMLvar docMenu=new ActiveXObject("Microsoft.XMLDOM" ...
利用XPath读取Xml文件
之所以要引入XPath的概念,目的就是为了在匹配XML文档结构树时能够准确地找到某一个节点元素.可以把XPath比作文件管理路径:通过文件管理路径,可以按照一定的规则查找到所需要的文件:同样,依据X ...
HTML读取xml文件的三种办法
刚开始学这里的时候有点懵,以前没学过.但是学安卓动画(Animation)的时候接触过xml文件,总体来说不难. 一般来说xml文件用来储存数据,然后html读取它,主要介绍三种读取方式利用CSS读 ...
java项目——Dom4j读取XML文件保存orecal数据库
上一篇介绍了如何利用dom4j读取xml文件,连接数据库,换数据库的话直接修改XML文件,使配置更加灵活,本篇博客主要介绍一下如何将XML文件导入到orecal数据库中. XML在现在的项目中的应用 ...
java 存取xml数据_JAVA读取XML文件数据
XML文档内容如下: title1 title2 title3 JAVA代码如下: package cn.mylucene; import java.io.File; import java.io.I ...
读取xml文件基于xpath
关键字: 读取xml文件利用xpath http://wjjbfq.javaeye.com/blog/411879 Java代码 <students> <student provin ...
php解析api xml并输出到html页面,怎样操作JS读取xml内容并输出到div内
这次给大家带来怎样操作JS读取xml内容并输出到div内,操作JS读取xml内容并输出到div内的注意事项有哪些,下面就是实战案例,一起来看一下. note.xml文件结构: George John ...

利用js读取xml文件

JS读取XML文件

XML文件：

JS代码：

利用js读取xml文件相关推荐

最新文章

热门文章