Js读取xml

最新推荐文章于 2023-02-19 06:39:23 发布
最新推荐文章于 2023-02-19 06:39:23 发布
阅读量1.6k 收藏 2
点赞数
文章标签： encoding function bi button border xhtml

前段时间公司要求将网站首页改为HTML，因为首页有新闻调用，于是下面的程序正好用上。

文件：austin.js

<script type="text/javascript">
var Url="austin.xml";
var cdsales=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
cdsales.async=true; //异步加载
cdsales.load(Url);
cdsales.onreadystatechange= new function LoadedSales(){
    var txt="";
    if(cdsales.readyState==4){
     if(cdsales.parseError.errorCode != 0){
      txt="err";
     }
     else{
      var bi=cdsales.documentElement.selectNodes("item");
      if(bi!=null&&bi.length>0){
       for(var i=0;i<bi.length;i++){
        txt+="<li><a href="+bi[i].childNodes[1].text+" style=color:"+bi[i].childNodes[2].text+">"+bi[i].childNodes[0].text+"</a></li>";
       }
      }
      else{
       txt="LoadingErr...";
      }
     }
    }
    else{
     txt="Loading....";
    }
    document.write(txt);
}
</script>

文件：austin.xml

<?xml version="1.0" encoding="gb2312"?>
<root>
    <item>
      <txt>安安的测试内容</txt>
      <url>http://hi.baidu.com/austin82</url>
      <color>green</color>
    </item>
    <item>
      <txt>Austin的测试内容</txt>
      <url>http://hi.baidu.com/austin82</url>
      <color>blue</color>
    </item>
</root>

 

 

JS读取并输出xml文件节点及属性（兼容IE，FF）

这个东西让我好难找啊，不过还是找到了。

好东东不能自己藏着，发出来分享一下了，^_^ |

book.html   代码如下：

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
var xmlDoc;
var browse="";
function loadXML()
{
    var fileRoute="books.xml"
    if (window.ActiveXObject)
    {
        xmlDoc = new ActiveXObject('Msxml2.DOMDocument');
        xmlDoc.async=false;
        xmlDoc.load(fileRoute);
        browse="ie";
    }
    else if (document.implementation && document.implementation.createDocument)
    {
        xmlDoc=document.implementation.createDocument('', '', null);
        xmlDoc.load(fileRoute);
        browse="ff";
    }
    else
    {
    alert( '未做与该浏览器的兼容！');
    }
}

function getmessage()
{
    var msg='<table border="1" cellspacing="0" cellpadding="0" width="500">';
    msg+='<tr><td width="90"></td><td width="100">图书编号</td><td width="100">种类编号</td><td width="110">图书名称</td><td width="100">作者</td></tr>'
    if(browse=="ff")
    {
        var cNodes = xmlDoc.getElementsByTagName("book");
        for(j=0;j<cNodes.length;j++)
        {
            var bookID=xmlDoc.getElementsByTagName("book")[j].getAttribute("id");
            var sortID=xmlDoc.getElementsByTagName("book")[j].getAttribute("sortID");
            var bookTitle=xmlDoc.getElementsByTagName("title")[j].childNodes[0].nodeValue;
            var bookAuthor=xmlDoc.getElementsByTagName("author")[j].childNodes[0].nodeValue;
            msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>'
        }
       
    }
    else if(browse=="ie")
    {
        var state = xmlDoc.readyState;
        if (state == 4)
        {
            var oNodes = xmlDoc.selectNodes("//books/book");
            for(j=0;j<oNodes.length;j++)
            {
                var bookID=oNodes[j].getAttribute("id");
                var sortID=oNodes[j].getAttribute("sortID");
                var bookTitle=oNodes[j].childNodes[0].text;
                var bookAuthor=oNodes[j].childNodes[1].text;
                msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>'
            }
        }
    }
    msg+='</table>';
    //alert(msg)
    document.getElementById("bookList").innerHTML=msg;
}

</script>
</head>
<body οnlοad="loadXML();">
<div id="bookList" style="width:500px;">
</div>
<table border="0" cellspacing="0" cellpadding="0" width="500">
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td> </td>
</tr>
</table>
<input name="button" type="button" οnclick="getmessage()" value="onclick" />
</body>
</html>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

books.xml 代码如下：

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<?xml version="1.0" encoding="gb2312"?>
<books>
    <book id="4" sortID="a4">
        <title>author4aa</title>
        <author>author4</author>
    </book>
    <book id="5" sortID="a5">
        <title>author55</title>
        <author>author5</author>
    </book>
    <book id="6" sortID="a6">
        <title>booktitle</title>
        <author>author6</author>
    </book>
    <book id="7" sortID="a7">
        <title>booktitle</title>
        <author>author7</author>
    </book>
    <book id="8" sortID="a8">
        <title>booktitle</title>
        <author>author8</author>
    </book>
    <book id="15" sortID="a15">
        <title>author155</title>
        <author>author15</author>
    </book>
</books>

远方相聚
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
JavaScript读取xml
06-13
利用Javascript读取XML文件的示例，直接打开index.html文件即可看到效果
Javascript读取xml文件
10-28
关于javascript读取xml文件的，有需要的朋友可以下载
JavaScript读取XML文件
03-20 113
IE读取XML文件FireFox读取XML文件Chrome,Safari读取XML文件以上三类浏览器读取XML文件各有不同，常常困扰开发人员，现在我们将其融合为一个函数方便大家使用。// 加载XML文件并返回XML文档节点function loadXmlFile(xmlFile){ var xmlDom = null; if (window.ActiveXObject){ ...
javascript读取xml
erikahan的博客
07-11 265
&lt;ROOT&gt;     &lt;THROUGHPUT&gt;         &lt;PBUFLEN64&gt;             &lt;ITEMS&gt;                 &lt;Date&gt;2018-7-9&lt;/Date&gt;                 &lt;TestItem&gt;Dual port throughput and laten
脚本操作xml
chxzly1981的专栏
10-12 2110
14.1  读取XML文件随着XML的流行，JavaScript开发者也迫切希望在客户端Web开发中应用XML，本节将介绍如何通过XML DOM对象和XMLHttpRequest对象读取XML文件。实例350   使用XML DOM对象读取XML文件实例说明 在制作网站时，有时需要在页面上显示商品或其他信息的列表，这时，如果是动态网站可以将列表信息保存到数据库中，但如果是静态网站，
js读取xml文件并获取文件内容
03-21
本文将详细介绍如何使用JavaScript读取XML文件以及如何获取文件中的特定内容。 #### JavaScript与XML交互基础 1. **创建XMLHttpRequest对象**： - 首先，需要创建一个`XMLHttpRequest`对象来发送HTTP请求。这个...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
标题中提到的知识点为“JS读取XML文件数据并以table形式显示数据”，这涉及到几个重要的技术和概念。首先是JavaScript（简称JS），一种广泛用于网页设计和开发的脚本语言，它可以让网页具有动态交互功能。接下来是...
JS读取XML文件示例代码
10-26
因此，掌握使用JavaScript读取和处理XML文件的能力还是很重要的。 示例代码还可能存在一些OCR扫描识别错误或漏识别的情况，但是从提供的内容中我们可以得知，基本的逻辑和方法是清晰的。在实际应用中，我们可能还...
javascript读取xml实现javascript分页
10-26
本文介绍了一种使用JavaScript读取XML数据并在客户端实现分页效果的方法。它涉及到以下几个关键知识点： 1. XML数据源的获取：文章中提到了使用JavaScript的ActiveXObject对象以及document.implementation.create...
用JavaScript读取本地XML文件
CharlesYooSky的博客
10-12 4453
1. 本地XML文件：VehicleTest1.xml xml version="1.0" encoding="utf-8"?>   Root>          CurrentStatus>           LicensePlateNumber>鄂EA12345LicensePlateNumber>           CurrentTime>2011-11-20Cu
JavaScript操作XML
03-19
NULL 博文链接：https://wangyalei.iteye.com/blog/706938
js解析XML文件
01-08
利用JAVASCRIPT读取XML文件、解析
js实现操作xml
04-04
使用js实现xml节点的查找、增加、修改、删除操作 .
JS读取XML
03-17
NULL 博文链接：https://wyx810316.iteye.com/blog/576336
JS读取，添加，修改XML
09-15
自己做着玩的，目前是只做了IE支持，最好用QQ浏览器，为了防止XML内容出现缓存以及重复，做了相应备份，就是添加，修改，初始化的前一步操作的内容，绝对妥妥了，无权限问题，因为全是替换，绝对实用
JavaScript 解析读取XML文档
Panda
02-17 599
JavaScript解析读取XML文件，主要就是加载并解析XML文件，然后就可以测试解析的XML文件的内容，打印输出来。 编写了一个JavaScript的类来实现读取一个XML文件中的数据，实现代码如下所示：   <!-- /** * @author Shirdrn */ function XMLDoc(){}; // 定义一个XMLDoc类 XMLDoc.
js处理xml文件
Jane's Blog
09-28 2345
js 操作xml数据
javascript 读取 解析 xml文件 案例
weixin_42591413的博客
02-19 326
你可以使用JavaScript的DOMParser类来解析XML文件。下面是一个简单的例子： let parser = new DOMParser(); let xmlDoc = parser.parseFromString(xmlString, "text/xml");
js读取配置xml文件
最新发布
05-22
在 JavaScript 中，可以通过 XMLHttpRequest 对象来读取 XML 文件。以下是一个简单的示例代码： ```javascript var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var xmlDoc = this.responseXML; // 在这里对读取到的 XML 文件进行操作 } }; xhttp.open("GET", "yourfile.xml", true); xhttp.send(); ``` 在上面的代码中，首先创建了一个 XMLHttpRequest 对象，并设置了其 onreadystatechange 属性，当 readyState 改变时会执行相应的回调函数。然后通过 xhttp.open() 方法打开 XML 文件，最后通过 xhttp.send() 方法发送请求。 当 readyState 改变为 4 且 status 为 200 时，表示 XML 文件已经被成功读取，此时可以通过 this.responseXML 属性获取到 XML 文件的 DOM 对象，从而对其进行操作。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值