Ajax牛刀小试

原创 2006年06月14日 00:17:00
使用了DWR框架,将数据库中城市列出在页面上

step1)web.xml中的配置

<servlet>
  <servlet-name>dwr-invoker</servlet-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/*</url-pattern>
 </servlet-mapping>

step2)dwr.xml

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>
    <allow>
       
        <create creator="spring" javascript="SignupService">
            <param name="beanName" value="signupService" />
            <param name="location" value="applicationContext-baby-beans.xml" />
            <include method="loadGateway" />
        </create>
       
        <convert converter="bean" match="com.mofile.baby.domain.Area"/>
    </allow>


</dwr>



step3)测试页面
<html>
    <head>
        <script type='text/javascript' src='/dwr/interface/SignupService.js'></script>
        <script type='text/javascript' src='/dwr/engine.js'></script>
        <script type='text/javascript' src='/dwr/util.js'></script>
        <script type='text/javascript'>
            function showList() {
               
               
                SignupService.loadGateway (loadList);
               
                document.getElementById("xx").innerHTML ="loading....";
               
            }
           
            function loadList(data) {
              
               
               
                var list = data.arealist;
               
                var temparea;
               
                var listarea="";
               
                for(var i=0;i<list.length;i++){
                   
                    temparea = list[i];
                   
                    listarea = listarea + (i+1) +":" + temparea.name + "<br>";
                }
              
               
                document.getElementById("xx").innerHTML = listarea ;
               
               
               
            }
    </script>
    </head>

    <body>
        <INPUT type="button" value="ajax" onclick="showList();">
        <div id="xx">
        </div>
    </body>
</html>

总结如下:

dwr.xml非常值得关注,在dwr中你需要配置你的service,这样可以通过js远程调用service,另外如果你返回的数据包含一些非典型的 java数据结构,比如list,map之类的话,你必须在dwr.xml中配置,一个典型的情况是你返回领域对象。如果你不配置,异步返回的数据会出现空 数据,因为dwr框架不知如何转化。

说白了,dwr框架调用远程service(在dwr中配置),然后根据将service返回的java对象转化为js对象,如何转换就需要你配置dwr.xml来告诉框架。

dwr的使用很简单,确实简化了ajax的开发。而且其文档也很详细。

参考文档:dwr官方网站

Python编写网络爬虫--牛刀小试

本文参考网上的资料,编写简单的Python编写网络爬虫,做了网页内容的抓取,分析出链接的url并抓取。...
  • zhglance
  • zhglance
  • 2017年03月29日 18:20
  • 519

牛刀小试(一)

被改错的密码先上题目,从前有一个熊孩子入侵了一个网站的数据库,找到了管理员密码,手一抖在数据库中修改了一下,现在的密码变成了cca9cc444e64c8116a30la00559c042b4,那个熊孩...
  • cogit_o
  • cogit_o
  • 2016年09月22日 22:18
  • 68

nodejs 牛刀小试

目前在做一个用户登录验证的案例 参考了nodejs的权威指南还有 下载了一些其他案例,都是引用很多模板。对模板完全不熟悉的人表示压力巨大啊 也尝试着自己去写,带有java的惯性思维,我思考这个是不...
  • streetlight8023
  • streetlight8023
  • 2015年01月22日 20:02
  • 455

LoadRunner牛刀小试

毫不夸张地说,LR是每个软件测试初学者心中的理想殿堂,代表性能测试的最高荣誉。我当然也是这茫茫人海芸芸众生中的一员。从业以后,每有闲暇也总爱捣腾下这两个庞然大物。头一两年里,总是找中文入门文档、然后订...
  • u014370228
  • u014370228
  • 2014年03月28日 17:30
  • 406

JSF 牛刀小试

----------------------------landing.xhtml-----------------       xmlns="http://www.w3.org/1999/xh...
  • u012190655
  • u012190655
  • 2015年05月05日 18:55
  • 235

springmvc牛刀小试

牛人都好写博客,而且写好博客。 开始搭建springmvc的HelloWorld 搭建工具: eclipse,spring4.2.0的jar包。 第一步: 创建项目,直接创建一个空项目。...
  • wgp15732622312
  • wgp15732622312
  • 2017年08月01日 00:55
  • 140

【牛刀小试】——浅析SQL注入

引言   SQL注入在当前编程中是非常重要的话题,在较大的Web项目中程序员都在编程的过程中避免SQL的注入,因为有很多网站信息的泄露都是因为恶意的SQL注入造成的,比如先前的很多影视网站泄露VIP会...
  • u013045437
  • u013045437
  • 2015年03月12日 10:00
  • 836

Unity3D牛刀小试

Unity3D基础界面操作: 正方向:X右、Z前、Y上。 X轴向右+,向左-; Z轴向前+,向后-; Y轴向上+,向下-; Alt+鼠标左键拖动,以选定的目标为中心旋转。 Alt+鼠标右键...
  • Jason_Ta
  • Jason_Ta
  • 2016年01月19日 21:04
  • 165

Markdown牛刀小试

很早以前就想写点博客,记录下生活和学习中发生的事情,可是一直没有一个契机去做这个事情(还是因为懒…)。今天偶然了解到了一些Maekdown的知识,于是就想着现学现卖吧。下面是一些用Markdown写成...
  • badage
  • badage
  • 2016年11月11日 21:19
  • 73

深入浅出话多态(下)——牛刀小试

正文 一.多态的现实意义        如果一个编程元素没有可以应用在软件工程中的现实意义,那将是一件不可容忍的事情。同理,如果你不了解一个编程元素的现实意义、不知道在编程时应该怎么用,就不能说自...
  • Mr_zy58
  • Mr_zy58
  • 2014年04月27日 10:47
  • 243
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax牛刀小试
举报原因:
原因补充:

(最多只允许输入30个字)