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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
js中有关IE版本检测
Jan 04 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
如何在Node和浏览器控制台中打印彩色文字
Jan 09 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
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP对象链式操作实现原理分析
2016/10/09 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
用 JSON 处理缓存
2007/04/27 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
在新窗口打开超链接的方法小结
2013/04/14 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
Python实现周期性抓取网页内容的方法
2015/11/04 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
python 阶乘累加和的实例
2019/02/01 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
Django中的cookie和session
2019/08/27 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
python中round函数如何使用
2020/06/19 Python
民族团结先进个人材料
2014/02/05 职场文书
《阳光》教学反思
2014/02/23 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
老人祝寿主持词
2014/03/28 职场文书
廉洁使者实施方案
2014/03/29 职场文书
国际贸易求职信
2014/07/05 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书