xml 与javascript结合的问题解决方法


Posted in Javascript onMarch 24, 2007

我想把html里面的title 动态绑定到一个xml 
没成功 help me ,pls 
如下 
<html> 
<XML ID="xmldso"> 
<?xml version="1.0"?> 
<booklist> 
<book> 
<title>Straight Talk About Computersyyyyyyyyyy</title> 
<isbn>72-80088-005</isbn> 
</book> 
<book> 
<title>Straight Talk About Computersyyyyyyyyyy</title> 
<isbn>72-80088-005</isbn> 
</book> 
</booklist> 
</XML> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 
<body> 
<LABEL ID=title DATASRC=#xmldso DATAFLD="title"></LABEL> 
<LABEL ID=title1 value="dff"></LABEL> 
<SCRIPT LANGUAGE="JavaScript" for="xmldso"> 
<!-- 
//var df=xmldso.booklist.book("title"); 
//alert(df); 
//alert(title1.value); 
document.title="dd"; 
--here ,I want to document.title=df; 
//--> 
</SCRIPT>
<TABLE BORDER=1 DATASRC="#xmldso"> 
<THEAD> 
<TR><TH>Title</TH> <TH>ISBN</TH></TR> 
</THEAD> 
<TBODY> 
<TR><TD><DIV DATAFLD="title"></DIV></TD> 
<TD><DIV DATAFLD="isbn"> </DIV></TD> 
</TR> 
</TBODY> 
</TABLE> 
<HR> 
<XML ID="xmldso1" SRC="myXML.xml"> </XML> 
<TABLE BORDER=1 DATASRC="#xmldso1"> 
<THEAD> 
<TR><TH>书名</TH> <TH>出版号</TH></TR> 
</THEAD> 
<TBODY> 
<TR><TD><DIV DATAFLD="title"></DIV></TD> 
<TD><DIV DATAFLD="isbn"> </DIV></TD> 
</TR> 
</TBODY> 
</TABLE>
</body> 
</html>
myXML.xml 如下,其实这个没用,只不过为了完整性。

<?xml version="1.0" encoding="GBK"?>   
<booklist>   
<book>   
<title>计算机技术</title>   
<isbn>72-80088-005</isbn>   
</book>   
<book>   
<title>电工技术</title>   
<isbn>72-80081-082</isbn>   
</book>   
<book>   
<title>计算机软件技术</title>   
<isbn>72-80088-005</isbn>   
</book>   
<book>   
<title>计算机修理技术</title>   
<isbn>72-80081-082</isbn>   
</book>   
</booklist> 

xmldso 是一个 XML DOM 对象,访问的时候要使用 DOM API。这样写: 
var books = xmldso.selectSingleNode("booklist").selectNodes("book");     
for(var i=0; i<books.length; i++) {     
    alert(books[i].selectSingleNode("title").text);     
}   
关于xmldso,我也想说几句,曾经做过一个项目,前期是台湾几个牛人做的,采用MVC,下面是我对项目的总结:

XXX Framework: 
XXX是使用的MVC模式,数据、控制和视图相互分离,JSP负责视图,Servlet负责控制,DataModule负责数据的存取 
Model部分: 
优点:可以用event listener的方式写business logic,可视化管理,特别支持master-detail(主子表结构),look-up(查找,使之功能相当于数据库当中的视图),format(格式化)等. 
缺点:公司员工必须对DataModule熟悉,DataModule不是主流技术,会使用的人并不多——尤其是Java程序员。 
IDE为Datamodule产生了大量的代码,但同时也减少了大量的sql语句.系统在运行过程中往往需要同时对多个表格进行操作,为了保证数据的完整性及复杂操作的可靠执行,DataModule自动进行了事务处理,减少了程序员的开发任务. 
Control部分: 
优点: 
通过pd.xml定义系统对外行为,比如增加,修改,删除,查询,包括设定权限(目前没有做,但设计已经有体现)等. 
将使用者的操作转变为datamodule操作。 
选择适当的view进行显示. 

View部分: 
优点: 
1):前端功能(onclick,onfocus,onblue,onchange),使用xslt,为jsp减少了大量的代码. 
2):显示使用XML-DSO,IE自动进行data binding. 
缺点: 
1):必需使用IE6.用其它的系统会运行会不正常. 
2):由于使用XML-DSO,所以对程序员要求很高. 
3):由于有很多检测,计算,都在客户端进行,造成了所谓的“胖客户端”,结果就是:功能集中,不利于更新和维护.

流程 
1):客户端发送request请求到服务器端. 
2):服务器端通过control Servlet接收请求,通过解析request,分配给合适的Business Object 
3)controller将一些必要的请求信息,传给DataModule 
4):Business Object更新(增加,修改,删除等)Model,Model同步DataBase 
5):controller执行Jsp页面,执行结果暂存起来. 
6):Model信息被打包成xml 资料
1):客户端发送request请求到服务器端. 
2):服务器端通过control Servlet接收请求,通过解析request,分配给合适的Business Object 
3)controller将一些必要的请求信息,传给DataModule 
4):Business Object更新(增加,修改,删除等)Model,Model同步DataBase 
5):controller执行Jsp页面,执行结果暂存起来. 
6):Model信息被打包成xml 资料 
7):将xml资料与Jsp页面的执行结果相结合,一起响应客户端.

Javascript 相关文章推荐
基于jQuery的js分页代码
Jun 10 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
用prototype实现的简单小巧的多级联动菜单
Mar 24 #Javascript
this[] 指的是什么内容 讨论
Mar 24 #Javascript
javascript对象的property和prototype是这样一种关系
Mar 24 #Javascript
Ajax一统天下之Dojo整合篇
Mar 24 #Javascript
dojo 之基础篇(三)之向服务器发送数据
Mar 24 #Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 #Javascript
dojo 之基础篇
Mar 24 #Javascript
You might like
用 PHP5 轻松解析 XML
2006/12/04 PHP
php数组添加元素方法小结
2014/12/20 PHP
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
对javascript继承的理解
2016/10/11 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
JavaScript基本语法_动力节点Java学院整理
2017/06/26 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python基于Tkinter实现的记事本实例
2015/06/17 Python
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
Python3 中文文件读写方法
2018/01/23 Python
python 字符串只保留汉字的方法
2018/11/16 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
wxpython布局的实现方法
2019/11/01 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
Java如何支持I18N?
2016/10/31 面试题
幼儿园春游活动方案
2014/01/19 职场文书
小学清明节活动方案
2014/03/08 职场文书
年终晚会主持词
2014/03/25 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
教师批评与自我批评
2014/10/15 职场文书
工人先锋号申报材料
2014/12/29 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书