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模板实现方法
Apr 27 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
Jul 25 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 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
XAMPP安装与使用方法详细解析
2013/11/27 PHP
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
PHP实现货币换算的方法
2014/11/29 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
js中的this关键字详解
2013/09/25 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
整理一下常见的IE错误
2016/11/18 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
在tensorflow实现直接读取网络的参数(weight and bias)的值
2020/06/24 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
怎样声明子类
2013/07/02 面试题
干部作风建设工作总结
2014/10/29 职场文书
2014年减负工作总结
2014/12/10 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
仰望星空观后感
2015/06/10 职场文书
团组织关系介绍信
2019/06/24 职场文书
详细了解java监听器和过滤器
2021/07/09 Java/Android
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android