js读写本地xml文件

js读写本地xml文件js读写本地xml文件相关程序参考自:http://blog.sina.com.cn/s/blog_62e88f3f0100u7nl.htmlJS操作读写本地xml文件提示:xml存为test.xml,与html文件同一个文件夹。”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”http://www.w3

大家好,欢迎来到IT知识分享网。js读写本地xml文件"

js读写本地xml文件

从以前博客搬了一篇文章过来

相关程序参考自:http://blog.sina.com.cn/s/blog_62e88f3f0100u7nl.html

JS操作读写本地xml文件

提示:xml存为test.xml,与html文件同一个文件夹。

 例子为生成一些图片并显示xml中的一些附带信息

 

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
  <title>js读取xml</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" 

type="text/javascript"></script>
<script type="text/javascript">

//使用jquery框架事半功倍
$(document).ready(function(){
var imageID;
var xml;
loadXML("test.xml");
$("#imgInfo").find("img").mouseover(function(){

//鼠标移入imgInfo里的IMG
imageID=$(this).attr("id");

//获取移入图片的ID

$(xml).find("Image").each(function(){

//遍历xml的image标签

if($(this).attr("ID")==imageID)

//相等设置输出
$("#output").html("ID:"+$(this).attr("ID")+",TT:"+$(this).attr("TT")+",Time:"+$(this).attr("Time"))
})
})

$("#imgInfo").find("img").mouseout(function(){//鼠标移出

$("#output").html("")//清空

)}

function loadXML(fileName) {//ajax方式读取xml
        $.ajax({
            type: "GET",
            url: fileName,
            dataType: ($.browser.msie) ? "text" : "xml",
            success: function(data, textStatus, jqXHR){//读取成功
                if (typeof data == "string") {
                    xml = new ActiveXObject("Microsoft.XMLDOM");
                    xml.async = false;
                    xml.loadXML(data);
                } else {
                    xml = data;
                }
                
            },
            error: function(jqXHR, textStatus, errorThrown) {//读取失败时
                
                _defaultAjaxError(jqXHR, textStatus, errorThrown);
            }
        });
    }

    function _defaultAjaxError(jqXHR, textStatus, errorThrown) {
        alert(jqXHR.status + ' * ' + jqXHR.statusText + ' * ' + jqXHR.responseText );
        alert(textStatus);
    }

 

 

});

</script>
</head>
<body>
<div id="imgInfo">
<image src="http://album.u17i.com/image/2011/11/ea/36/470344_28309_165138_tkBE.jpg" ID="566" />
<image src="http://album.u17i.com/image/2011/11/95/5a/482698_29371_165138_MROI.jpg" ID="786" />
</div>
<div id="output"style="color:red">输出信息</div>
</body>
</html>

 

 

xml:

<?xml version="1.0" encoding="UTF-8"?>
<root>
<Image TT="pic1" Time="546754" ID="566"/>
<Image TT="pic2" Time="678844" ID="786"/>
</root>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/15168.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信