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 相关文章推荐
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
JS获取浏览器版本及名称实现函数
Apr 02 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
axios post提交formdata的实例
Mar 16 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 Javascript
详解React中共享组件逻辑的三种方式
Feb 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
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
探寻PHP脚本不报错的原因
2014/06/12 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
关于网页中的无缝滚动的js代码
2016/06/09 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
js原生Ajax的封装和原理详解
2017/03/11 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
播音主持专业个人自我评价
2014/01/09 职场文书
学习委员自我鉴定
2014/01/13 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
同学会感言
2015/07/30 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书