onlylife — Wed, 22 Mar 2006 05:11:00 GMT

AJAX作�ؓ一�U�创建全新的用户体验技术组合，目前已有一些开源的实现�Q�在�l�过技术研�I�和试用以后�Q�感觉Buffalo和DWR比较斚w��Q�能快速上手，两者结合�v来��用就更加灉|��了�?br /> 再结合两者��用时�Q�徏议��用DWR用作与服务器的交互，而将Buffalo提供的JavaScript对象用作回调函数处理DWR�q�回的结果�?br /> 关于Buffalo和DWR的��用，请参看作者其他文章�?br /> 举例如下�Q�我要��两各下拉框连动，一个下拉框的内�Ҏ��省䆾�Q�另一个的是城市，后台获取城市的类为Demo�Q�获取城市的�Ҏ��为getCities(String)�Q�则代码如下�Q?br />

< head >
< title >��试 title >
< link href = " <%=styleSheet%> " rel = " stylesheet " type = " text/css " >
< script src = " <%=webapp%>/common/scripts/validate.js " > script >
< script language = " JavaScript " src = " <%=webapp%>/common/scripts/prototype.js " > script >
< script language = " JavaScript " src = " <%=webapp%>/common/scripts/buffalo.js " > script >
< script language = " JavaScript " src = " <%=webapp%>/common/scripts/template.js " > script >
< script src = " <%=webapp%>/dwr/engine.js " > script >
< script src = " <%=webapp%>/dwr/interface/Demo.js " > script >

< script >
    function changeCities(province)
     {
        Buffalo.Bind.bind( " city " , categories);
    }
    function changeProvince(province)
     {
        Demo.getCities(province,changeCities);
    }

script >

head >
< body >
< form name = " test " >
< table  width = " 95% " border = " 0 " align = " center " cellpadding = " 0 " cellspacing = " 0 " >
   < tr class = " list " >
       < td >
          省䆾�Q?br />       td >
       < td width = " 70% " nowrap   >
           < select name = " province " id = " provinde " onchange = " changeProvince(this.value) " >
            < option value = "" >- ��L��?/span> - option >
            < option > 湖北 option >
select >
         td >
      tr >
      < tr >
         < td width = " 30% " nowrap >
           城市
         td >
         < td width = " 70% " nowrap >
             < select name = " city " id = " city " > select >
         td >
      tr >
table >

html:form >

body >

onlylife 2006-03-22 13:11 发表评论

onlylife — Wed, 22 Mar 2006 02:56:00 GMT

DWR是一个开源的AJAX应用��目�Q�其原理是自动生成Java�c�d��应的JavaScript脚本�Q�其快速应用步骤�ؓ�Q?br />
1、下载dwr.jar�Q�地址�?a >http://getahead.ltd.uk/dwr
2、将dwr.jar复制到web应用的lib目录�?br />3、修改web.xml�Q�增加如下servlet配置�D?br />

< servlet >
   < servlet - name > dwr - invoker servlet - name >
   < display - name > DWR Servlet display - name >
   < servlet - class > uk.ltd.getahead.dwr.DWRServlet servlet - class >
   < init - param >
      < param - name > debug param - name >
      < param - value > true param - value >
   init - param >
servlet >

< servlet - mapping >
   < servlet - name > dwr - invoker servlet - name >
   < url - pattern >/ dwr /*

4、在web.xml同一目录下创建dwr.xml�Q�内容如�?br />

1 DOCTYPE dwr PUBLIC
2      " -//GetAhead Limited//DTD Direct Web Remoting 1.0//EN "
3      " http://www.getahead.ltd.uk/dwr/dwr10.dtd " >
4
5 < dwr >
6    < allow >
7      < create creator = " new " javascript = " JDate " >
8        < param name = " class " value = " java.util.Date " />
9      create >
10      < create creator = " new " javascript = " Demo " >
11        < param name = " class " value = " your.java.Bean " />
12      create >
13    allow >
14 dwr >
15

5、在��面中增加script片断�Q�如�Q?br />

1<script type="text/javascript" src="[WEBAPP]/dwr/interface/Demo.js"> script>
2<script type="text/javascript" src="[WEBAPP]/dwr/engine.js"> script>
3

6、在需要调用Demo功能的地方编写脚�?br />

onlylife 2006-03-22 10:56 发表评论

亚洲?V无码乱码国产精品,亚洲av无码专区在线观看素人,亚洲制服丝袜中文字幕