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 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
javascript时区函数介绍
Sep 14 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
详解vue 中使用 AJAX获取数据的方法
Jan 18 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 Javascript
javascript面向对象三大特征之多态实例详解
Jul 24 Javascript
js 解析 JSON 数据简单示例
Apr 21 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
杏林同学录(一)
2006/10/09 PHP
IIS6的PHP最佳配置方法
2007/03/19 PHP
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
使用js实现雪花飘落效果
2013/08/26 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
angular4强制刷新视图的方法
2018/10/09 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
JS实现li标签的删除
2019/04/12 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
Python yield 小结和实例
2014/04/25 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
Python执行时间的计算方法小结
2017/03/17 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
python实现三次样条插值
2018/12/17 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
推普周活动总结
2014/08/28 职场文书
安全先进班组材料
2014/12/26 职场文书
三峡人家导游词
2015/01/31 职场文书
未婚证明范本
2015/06/15 职场文书
如何写新闻稿
2015/07/18 职场文书