javascript讀取xml
更新時間:2006年11月04日 00:00:00 作者:
復(fù)制代碼 代碼如下:
/**
* 得到XML文件屬性的集合對象
* @param xmlDoc XML對象
* @param name 屬性名稱 如: user
* @return 返回 Array 對象
* Example XML:
* <?xml version='1.0' encoding='utf-8'?>
* <ekuy>
* <user>
* <name>
* <cnname>小豬</cnname>
* </name>
* <age>27</age>
* </user>
* <user>
* <name>
* <cnname>小霞</cnname>
* </name>
* <age>26</age>
* </user>
* </ekuy>
*/
function getXMLArray(xmlDoc, name) {
var keys = name.split('.');
var node = xmlDoc.documentElement; // 得到根節(jié)點
var rtn = new Array();
var n = 0;
for(var i=0; i<keys.length; i++) {
var childs = node.childNodes; // 得到子節(jié)點
var key = keys[i];
for(var k=0; k<childs.length; k++) {
var child = childs[k];
if(child.nodeName == key) { // 判斷子節(jié)點是否符合
if(i == keys.length-1) {
rtn[n] = child;
n++;
} else {
node = child;
break;
}
}
}
}
return rtn;
}
/**
* 得到由getXMLArray函數(shù)得到對象中的值
* @param node 節(jié)點對象
* @param name
* @return 返回 String
*/
function getValue(node, name) {
var keys = name.split('.');
for(var i=0; i<keys.length; i++) {
var childs = node.childNodes; // 得到子節(jié)點
var key = keys[i];
for(var k=0; k<childs.length; k++) {
var child = childs[k];
if(child.nodeName == key) { // 判斷子節(jié)點是否符合
if(child.childNodes.length == 1) {
// 如果沒有字節(jié)點,返回值
return child.text;
} else {
// 還有子節(jié)點,繼續(xù)分析
node = child;
break;
}
}
}
}
return "";
}
// 測試:
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8'?><ekuy><user><name><cnname>小豬</cnname></name><age>27</age></user><user><name><cnname>小霞</cnname></name><age>26</age></user><user><name><cnname>小章</cnname></name><age>25</age></user></ekuy>");
var list = getXMLArray(xmlDoc, 'user');
for(var i=0; i<list.length; i++) {
var obj = list[i];
document.write(getValue(obj, 'name.cnname'));
document.write(getValue(obj, 'age'));
document.write('<br\/>');
}
* 得到XML文件屬性的集合對象
* @param xmlDoc XML對象
* @param name 屬性名稱 如: user
* @return 返回 Array 對象
* Example XML:
* <?xml version='1.0' encoding='utf-8'?>
* <ekuy>
* <user>
* <name>
* <cnname>小豬</cnname>
* </name>
* <age>27</age>
* </user>
* <user>
* <name>
* <cnname>小霞</cnname>
* </name>
* <age>26</age>
* </user>
* </ekuy>
*/
function getXMLArray(xmlDoc, name) {
var keys = name.split('.');
var node = xmlDoc.documentElement; // 得到根節(jié)點
var rtn = new Array();
var n = 0;
for(var i=0; i<keys.length; i++) {
var childs = node.childNodes; // 得到子節(jié)點
var key = keys[i];
for(var k=0; k<childs.length; k++) {
var child = childs[k];
if(child.nodeName == key) { // 判斷子節(jié)點是否符合
if(i == keys.length-1) {
rtn[n] = child;
n++;
} else {
node = child;
break;
}
}
}
}
return rtn;
}
/**
* 得到由getXMLArray函數(shù)得到對象中的值
* @param node 節(jié)點對象
* @param name
* @return 返回 String
*/
function getValue(node, name) {
var keys = name.split('.');
for(var i=0; i<keys.length; i++) {
var childs = node.childNodes; // 得到子節(jié)點
var key = keys[i];
for(var k=0; k<childs.length; k++) {
var child = childs[k];
if(child.nodeName == key) { // 判斷子節(jié)點是否符合
if(child.childNodes.length == 1) {
// 如果沒有字節(jié)點,返回值
return child.text;
} else {
// 還有子節(jié)點,繼續(xù)分析
node = child;
break;
}
}
}
}
return "";
}
// 測試:
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8'?><ekuy><user><name><cnname>小豬</cnname></name><age>27</age></user><user><name><cnname>小霞</cnname></name><age>26</age></user><user><name><cnname>小章</cnname></name><age>25</age></user></ekuy>");
var list = getXMLArray(xmlDoc, 'user');
for(var i=0; i<list.length; i++) {
var obj = list[i];
document.write(getValue(obj, 'name.cnname'));
document.write(getValue(obj, 'age'));
document.write('<br\/>');
}
相關(guān)文章
JavaScript canvas實現(xiàn)鏡像圖片效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)鏡像圖片效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08
bootstrap-Treeview實現(xiàn)級聯(lián)勾選
這篇文章主要為大家詳細介紹了bootstrap-Treeview實現(xiàn)級聯(lián)勾選,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11
mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能示例
這篇文章主要介紹了mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能,結(jié)合實例形式分析了mock.js插件生成模擬數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
function, new function, new Function之間的區(qū)別
function, new function, new Function之間的區(qū)別...2007-03-03

