大家好,欢迎来到IT知识分享网。
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