XMLDOM 详细说明和网上有关资源 + 动态javascript建表

Posted on 2007-05-18 17:33 G_G 阅读(563) 评论(5) 编辑收藏所属分类: javascript

问题: 对javascript Dom 解读 xml 的问题
解决: 网页中 javascript 学习

过程 js

function searchSales(){

var url = "MyXml.xml"; // url 不限制可以为 jsp *.do 只要 out.print()出来的是 xml 格式

var myAjax = new Ajax.Request(

url,

{

method: 'get',

onComplete: action // 成功得到 requ 的挂载方法

});

}

function action(request)

{

var dom = request.responseXML; //返回 javascript Dom 解读对象

var list = dom.getElementsByTagName('Weapon');

//返回标签名<Weapon> 集合项可用.item(i) 得出 .firstChild.nodeValue得值

for( var i = 0; i < list.length; i++ ) {

var nli = list.item(i);

var W = nli.getElementsByTagName( 'W' );

window.alert(W.item(0).firstChild.nodeValue);

}

HTML 页面

</HEAD>

<head>

</head>

</HTML>

XML

<?xml version="1.0" encoding="utf-8" ?>

<Login>

</Weapon>

</Weapon>

</Weapon>

</Login>

心得: 调试了很久当时对javascript 的不熟悉,但我没有放弃去网上查,问同事最后成功
--------------------- 坚持就是胜利 ------------------

Feedback

# re: My Ajax 回复 更多评论

2007-05-18 17:35 by G_G

function searchSales(){

var url = "MyXml.xml";

var myAjax = new Ajax.Request(

url,

{

method: 'get',

onComplete: test

});

}

function test(request)

{

var dom = request.responseXML;

var root = dom.documentElement;

// window.alert( root );

var list = dom.getElementsByTagName('W');

for( var i = 0; i < list.length; i++ ) {

window.alert(list.item(i).firstChild.nodeValue);

}

得出结果是 1 2 3 4 5 6

# re: My Ajax 回复 更多评论

2007-05-21 14:17 by G_G

对象	属性	方法
XMLDocument	documentElement 得到 root
HTMLCollection	length 得到长度	item(i) 得到 Element
Element	.firstChild.nodeValue 得到 value?	getAttribute('id') 得到 attribut

其他属性方法参见 http://wddavid.cnblogs.com/archive/2005/07/25/199358.html

例子参见 http://dennis-zane.javaeye.com/category/10543?list=1

function searchSales(){

var url = "MyXml.xml";

var myAjax = new Ajax.Request(

url,

{

method: 'get',

onComplete: test

});

}

function test(request)

{

var dom = request.responseXML;

var root = dom.documentElement;

var body = root.getElementsByTagName('body').item(0);

var pid_1 = function(){

var listP = body.getElementsByTagName('p');

for(var i=0; i<listP.length; i++){

if(listP.item(i).getAttribute('id')=='2')

return listP.item(i);

}

return null;

}

// alert(oHtml.childNodes.item(0));

// alert(oHead.parentNode==oHtml);

// alert( oP.item(0).getAttribute('id') );

// alert( oP.item(0).attributes.getNamedItem("id").nodeValue );

// alert( oP.getAttribute('id') );

alert(pid_1().firstChild.nodeValue);

}

# re: My Ajax 回复 更多评论

2007-05-21 17:20 by G_G

function searchSales(){

var url = "MyXml.xml";

var myAjax = new Ajax.Request(

url,

{

method: 'get',

onComplete: test

});

}

function getMyElement(obj,tagName,attrName,value) {

var list = obj.getElementsByTagName(tagName);

for(var i=0; i<list.length; i++){

if(list.item(i).getAttribute(attrName)==value)

return obj.getElementsByTagName(tagName).item(i);

}

return null;

}

function test(request)

{

var dom = request.responseXML;

var root = dom.documentElement;

var weapon = getMyElement(root,'Weapon','id','3');

var W = getMyElement(weapon,'W','Value','0');

window.alert(W.firstChild.nodeValue);

}

哈哈高级的 ...

# 动态javascript建表回复 更多评论

2007-06-05 17:37 by G_G

问题: Ajax 读出来xml 怎么由 javascript 建表

解决: var dom = new ActiveXObject("Microsoft.XMLDOM"); //得到 XMLDom 对象

并 dom.loadXML( request.responseText ) ;

由prototype 的 request.responseText 填充 XMLDom

http://localhost:7000/xxs/test.do 返回

一个String 弄出来的 XML 大概就如下

<?xml version="1.0" encoding="gb2312" ?>

- <mans>

- <man>

<name>google</name>

</man>

- <man>

</man>

</mans>

<html>

<head>

<title>MyHtml.html</title>

</head>

<body>

</body>

</html>

<!--

function searchSales(){

var url = 'http://localhost:7000/xxs/test.do'; // url 不限制可以为 jsp *.do 只要 out.print()出来的是 xml 格式

var myAjax = new Ajax.Request(

url,

{

method: 'get',

onComplete: action // 成功得到 requ 的挂载方法

});

}

function action(request)

{

var dom = new ActiveXObject("Microsoft.XMLDOM");

dom.loadXML(request.responseText);

var root = dom.documentElement;

var body = document.getElementsByTagName('body')[0];

var my_array = new Array();

my_array[0] = "name";

my_array[1] = "avg";

var table_1 = table(root,"man",my_array);

table_1.setAttribute("border","2");

body.appendChild(table_1);

}

function table(root,trName,tdNames) {

var tbl = document.createElement('table')

var tblBody = document.createElement('tbody')

var rows = root.getElementsByTagName(trName);

for (var i = 0; i <rows.length; i++) {

var tr = document.createElement('tr')

for(var j=0;j<tdNames.length;j++){

var col = rows.item(i).getElementsByTagName(tdNames[j])[0];

var value = col.firstChild.nodeValue ;

var td = document.createElement('td');

td.innerHTML = value ;

tr.appendChild(td);

}

tblBody.appendChild(tr);

}

tbl.appendChild(tblBody);

return tbl;

}

//-->

</script>

# re: XMLDOM 详细说明和网上有关资源 + 动态javascript建表 回复 更多评论

2007-06-08 20:46 by wqdqw

qwd

新闻频道新用户注册刷新评论列表

标题

姓名

主页


验证码	*

内容(请不要发表任何与政治相关的内容)

Remember Me?

登录使用高级评论新用户注册返回页首恢复上次提交

[使用Ctrl+Enter键可以直接提交]

该文被作者在 2007-08-09 14:33 编辑过

博客园 BlogJava 博客生活 IT博客网 C++博客 PHP博客博客园社区
管理博客教师博客天文博客汽车博客足球博客股票博客电子博客

Skynet