xml 与javascript结合的问题解决方法

我想把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页面的执行结果相结合，一起响应客户端.

赞 (0)

相关推荐

  • xml 与javascript结合的问题解决方法

    我想把html里面的title 动态绑定到一个xml  没成功 help me ,pls  如下  <html>  <XML ID="xmldso">  <?xml version="1.0"?>  <booklist>  <book>  <title>Straight Talk About Computersyyyyyyyyyy</title>  <isbn>72-80

  • javascript跨域方法、原理以及出现问题解决方法（详解）

    javascript跨域方法、原理以及出现问题解决方法（详解）

    javascript跨域访问是web开发者经常遇到的问题,什么是跨域,一个域上加载的脚本获取或操作另一个域上的文档属性,下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基础域(例如都是xxx.com,或是xxx.com.cn),使用同一协议(例如都是 http)和同一端口(例如都是80),这样在两个页面中同时添加document.domain,就可以实

  • JavaScript汉诺塔问题解决方法

    本文实例讲述了JavaScript汉诺塔问题解决方法.分享给大家供大家参考.具体实现方法如下: <script language="javascript"> var han=function (disc,src,aux,dst){ if(disc>0){ han(disc-1,src,dst,aux); document.writeln("move disc "+disc+" from "+src+" to "

  • JavaScript实现微信红包算法及问题解决方法

    专栏停更了很久,向大家说声抱歉.今天的主题是使用JavaScript模拟实现微信抢红包的算法.这个题目看起来很简单,不就是一个随机函数吗?我们一起实现看看. 我们假设有一个100元的红包,要发给10个人.为了保证公平,算法需要保证以下的原则: 每个人最少能抢到0.01元 每个人的机会平等 所有人的金额之和等于100元 1.简单的随机函数实现 很多朋友的一般思路是: 第一步:从0-100中随机一个数,得到第一个红包金额. 第二步:从0-剩余金额中随机一个数,得到第二个红包金额. 第三步:... 最

  • .Net获取URL中文参数值的乱码问题解决方法总结

    本文总结分析了.Net获取URL中文参数值的乱码问题解决方法.分享给大家供大家参考,具体如下: 解决方法: 1.设置web.config文件 <system.web> <globalization requestEncoding="gb2312" responseEncoding="gb2312" culture="zh-CN" fileEncoding="gb2312" /> </system.

  • Android编程开发ScrollView中ViewPager无法正常滑动问题解决方法

    本文实例讲述了Android编程开发ScrollView中ViewPager无法正常滑动问题解决方法.分享给大家供大家参考,具体如下: 这里主要介绍如何解决ViewPager在ScrollView中滑动经常失效.无法正常滑动问题. 解决方法只需要在接近水平滚动时ScrollView不处理事件而交由其子View(即这里的ViewPager)处理即可,重写ScrollView的onInterceptTouchEvent函数,如下: package cc.newnews.view; import an

  • Android编程中TextView宽度过大导致Drawable无法居中问题解决方法

    Android编程中TextView宽度过大导致Drawable无法居中问题解决方法

    本文实例讲述了Android编程中TextView宽度过大导致Drawable无法居中问题解决方法.分享给大家供大家参考,具体如下: 在做项目的时候,很多时候我们都要用到文字和图片一起显示,一般设置TextView的DrawableLeft.DrawableRight.DrawableTop.DrawableBottom就行了.但是有一种情况是当TextView的熟悉是fill_parent或者使用权重的时候并且设置了起Gravity的ceter的时候,Drawable图片是无法一起居中的,为了

  • PHP中使用file_get_contents抓取网页中文乱码问题解决方法

    本文实例讲述了PHP中使用file_get_contents抓取网页中文乱码问题解决方法.分享给大家供大家参考.具体方法如下: file_get_contents函数本来就是一个非常优秀的php自带本地与远程文件操作函数,它可以让我们不花吹挥之力把远程数据直接下载,但我在使用它读取网页时会碰到有些页面是乱码了,这里就来给各位总结具体的解决办法. 根据网上有朋友介绍说原因可能是服务器开了GZIP压缩,下面是用firebug查看我的网站的头信息,Gzip是开了的,请求头信息原始头信息,代码如下: 复

  • Struts和servlet不能共存问题解决方法

    在一个项目中,如果我们既用到了Struts2又用到了Servlet,项目运行时有可能无法正常访问Servlet,原因是在配置Struts的过滤器的时候,拦截了所有请求. <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> 下面是servlet的配置 <servlet> <

  • JS使用ajax从xml文件动态获取数据显示的方法

    本文实例讲述了JS使用ajax从xml文件动态获取数据显示的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过ajax检索xml文件的内容动态展示到网页,真个页面无刷新 <!DOCTYPE html> <html> <head> <script> function loadXMLDoc(url) { var xmlhttp; var txt,x,xx,i; if (window.XMLHttpRequest) {// code for IE7+,

随机推荐