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中获取元素索引的函数
Sep 10 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
jQuery动态背景图片效果实现方法
Jul 03 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
利用js给datalist或select动态添加option选项的方法
Jan 25 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 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+MYSQL的文章管理系统(一)
2006/10/09 PHP
QueryPath PHP 中的jQuery
2010/04/11 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
处理单名多值表单的详解
2013/06/08 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
使用PHP开发留言板功能
2019/11/19 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
2015/01/23 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
python批量修改图片大小的方法
2018/07/24 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
python 非线性规划方式(scipy.optimize.minimize)
2020/02/11 Python
Python使用configparser库读取配置文件
2020/02/22 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
会计学财务管理专业个人的自我评价
2013/10/19 职场文书
化妆品促销方案
2014/02/24 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
css背景和边框标签实例详解
2021/05/21 HTML / CSS