用javascript讀取xml文件讀取節(jié)點(diǎn)數(shù)據(jù)
更新時(shí)間:2014年08月12日 16:56:27 投稿:whsnow
這篇文章主要介紹了用javascript讀取xml文件讀取節(jié)點(diǎn)數(shù)據(jù)的具體實(shí)現(xiàn),需要的朋友可以參考下
下面代碼是讀取的節(jié)點(diǎn)數(shù)據(jù),還有一種情況是讀取節(jié)點(diǎn)屬性數(shù)據(jù)。
<head>
<title></title>
<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>
</head>
<body>
<input id="Button1" type="button" value="read" onclick="ajaxrequst()" />
<div id="newsInfo"></div>
</body>
您可能感興趣的文章:
- JS解析XML文件和XML字符串詳解
- JS讀取XML文件示例代碼
- JS操作XML實(shí)例總結(jié)(加載與解析XML文件、字符串)
- JS與jQ讀取xml文件的方法
- JavaScript操作XML文件之XML讀取方法
- JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
- javascript讀取Xml文件做一個(gè)二級(jí)聯(lián)動(dòng)菜單示例
- jsp讀取大對(duì)象CLOB并生成xml文件示例
- IE下JS讀取xml文件示例代碼
- javascript實(shí)現(xiàn)加載xml文件的方法
- 使用JS讀取XML文件的方法
- jQuery解析XML文件同時(shí)動(dòng)態(tài)增加js文件的方法
- JS實(shí)現(xiàn)加載和讀取XML文件的方法詳解
相關(guān)文章
layui select動(dòng)態(tài)添加option的實(shí)例
下面小編就為大家分享一篇layui select動(dòng)態(tài)添加option的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Javascript基礎(chǔ)教程之比較null和undefined值
這篇文章主要介紹了Javascript基礎(chǔ)教程之比較null和undefined值的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05
js的.innerHTML = ""IE9下顯示有錯(cuò)誤的解決方法
js的.innerHTML= "……"在ie9- 的版本顯示不正常,使用jquery可以解決,有類似問題的朋友可以參考下2013-09-09

