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 相关文章推荐
js模拟类继承小例子
Jul 17 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
微信小程序支付及退款流程详解
Nov 30 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 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 output buffering缓存及程序缓存深入解析
2013/07/15 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
通过javascript把图片转化为字符画
2013/10/24 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
详解Python中的各种函数的使用
2015/05/24 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
python适合人工智能的理由和优势
2019/06/28 Python
pyecharts动态轨迹图的实现示例
2020/04/17 Python
Django 解决开发自定义抛出异常的问题
2020/05/21 Python
Python内置函数及功能简介汇总
2020/10/13 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
Wallis官网:英国女装零售商
2020/01/21 全球购物
警察思想汇报
2014/01/04 职场文书
路政管理毕业自荐书范文
2014/02/10 职场文书
公路绿化方案
2014/05/12 职场文书
经济国贸专业求职信
2014/06/18 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
优秀团员自我评价
2015/03/10 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
python缺失值填充方法示例代码
2022/12/24 Python