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 相关文章推荐
javascript实现的在当前窗口中漂浮框的代码
Mar 15 Javascript
javascript判断office版本示例
Apr 11 Javascript
JavaScript中的Math 使用介绍
Apr 21 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
移动端web滚动分页的实现方法
May 05 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
Vue注册组件命名时不能用大写的原因浅析
Apr 25 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
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
解析php入库和出库
2013/06/25 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
Jquery中增加参数与Json转换代码
2009/11/20 Javascript
input的focus方法使用
2010/03/13 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
AngularJs页面筛选标签小功能
2016/08/01 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
如何使用python爬取csdn博客访问量
2016/02/14 Python
深入理解Python装饰器
2016/07/27 Python
如何在python中使用selenium的示例
2017/12/26 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
利用Python如何生成便签图片详解
2018/07/09 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
基于python实现删除指定文件类型
2020/07/21 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
环境工程大学生自荐信
2013/10/21 职场文书
小松树教学反思
2014/02/11 职场文书
部队万能检讨书
2014/02/20 职场文书
园林系毕业生求职信
2014/06/23 职场文书
企业2014年度工作总结
2014/12/10 职场文书
布达拉宫的导游词
2015/02/02 职场文书
交通安全月活动总结
2015/05/08 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
解析redis hash应用场景和常用命令
2021/08/04 Redis
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
MySQL优化之慢日志查询
2022/06/10 MySQL