javascript 读取xml文件、读取节点数据

内容摘要
这篇文章主要为大家详细介绍了javascript 读取xml文件、读取节点数据的简单示例,具有一定的参考价值,可以用来参考一下。
文章正文

这篇文章主要为大家详细介绍了javascript 读取xml文件、读取节点数据的简单示例,具有一定的参考价值,可以用来参考一下。

读取的节点数据,还有一种情况是读取节点属性数据。 对此感兴趣的朋友,看看idc笔记做的技术笔记。经测试代码如下:

/**
 * 读取xml文件、读取节点数据
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
<script type="text/javascript">
var objLength = null;
var xmlHttp;
var strurl = "";
function ajaxrequst() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
try {
strurl = "/data/rdzz.xml";
xmlHttp.onreadystatechange = LoadXmlFile;
xmlHttp.open("GET", strurl + "?time=" + (new Date()).getTime(), true);
xmlHttp.send(null);
}
catch (e) {
}
}

function LoadXmlFile() {
var content = "";
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var xmlDOM = xmlHttp.responseXML;
var xmlRoot = xmlDOM.documentElement;
try {
var objLength = xmlRoot.getElementsByTagName("Item");

for (var i = 0; i < objLength.length; i++) {
var elementtitle = objLength[i].getElementsByTagName('NewsTitle')[0];
var elementtime = objLength[i].getElementsByTagName('NewsTime')[0];
var elementurl= objLength[i].getElementsByTagName('NewsUrl')[0];

// LastValue = objLength[i].getAttribute( "LastValue" )
// Prediction = objLength[i].getAttribute( "Prediction" )
// Actual = objLength[i].getAttribute( "Actual" )
// importance = objLength[i].getAttribute( "importance" )
// newstime = objLength[i].getAttribute( "NewsTime" )

var title = elementtitle.textContent || elementtitle.text;
var time = elementtime.textContent || elementtime.text;
var url = elementurl.textContent || elementurl.text;

content += "<li><dl><dd>" + time + "</dd><dd><a href='" + url + "' target='blank'>" + title + "</a></dd></dl></li>";
}
document.getElementById("newsInfo").innerHTML = content;
}
catch (e) {
}
} 
}
}
</script>
经测试代码如下:

<input id="Button1" type="button" value="read" onclick="ajaxrequst()" />
<div id="newsInfo"></div>

注:关于javascript 读取xml文件、读取节点数据的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!