dwr自动生成js

前端之家收集整理的这篇文章主要介绍了dwr自动生成js前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天试着用dwr搭建了一个小例子:

从官方网站下载dwr.jar包。

新建项目dwrTest,然后将dwr.ja放在你 webapp 的 WEB-INF/lib目录下。

编辑配置文件

1.在WEN-INF/下新建web.xml文件

Xml代码
  1. <?xmlversion="1.0"encoding="ISO-8859-1"?>
  2. <!DOCTYPEweb-appPUBLIC
  3. "-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN"
  4. "http://java.sun.com/dtd/web-app_2_3.dtd">
  5. <web-app>
  6. <servlet>
  7. <servlet-name>dwr-invoker</servlet-name>
  8. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  9. </servlet>
  10. <servlet-mapping>
  11. <url-pattern>/dwr/*</url-pattern>
  12. </servlet-mapping>
  13. </web-app>

2.在WEN-INF/下新建web.xml文件

<?xmlversion="1.0"encoding="UTF-8"?>
  • <!DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting3.0//EN""http://getahead.org/dwr/dwr30.dtd">
  • <dwr>
  • <allow>
  • <createcreator="new"javascript="helloservice">
  • <paramname="class"value="com.dwr.service.HelloWorld"/>
  • </create>
  • </allow>
  • </dwr>
  • 3.编写 HelloWorld

    Java代码
      packagecom.dwr.service;
    1. publicclassHelloWorld{
    2. publicStringsayHello(Stringname){
    3. return"HelloWorld"+name;
    4. }
    5. }

    4. 测试 DWR 将代码放入应用服务器(比如Tomcat),启动。然后在地址栏输入:http://localhost/dwjTest/dwr

    Modules known to DWR:

    然后点击helloservice,会看到刚才写的sayHello()的方法,上面有dwr自动生成的三个js文件

    Methods For: helloservice (NewCreator for com.dwr.service.HelloWorld)

    To use this class in your javascript you will need the following script includes:

      <script type='text/javascript' src='/dwjTest/dwr/engine.js
    '></script>
      <script type='text/javascript' src='/dwjTest/dwr/interface/helloservice.js
    '></script>
    

    In addition there is an optional utility script:

      <script type='text/javascript' src='/dwjTest/dwr/util.js
    '></script>
    

    Replies from DWR are shown with a yellow background if they are simple or in an alert Box otherwise.
    The inputs are evaluated as Javascript so strings must be quoted before execution.

    sayHello( );
    5.创建jsp页面,引入上面的三个js;
    1. <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
    2. pageEncoding="UTF-8"%>
    3. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    4. <html>
    5. <head>
    6. <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
    7. <title>Inserttitlehere</title>
    8. <scripttype='text/javascript'src='/dwjTest/dwr/engine.js'></script>
    9. <scripttype='text/javascript'src='/dwjTest/dwr/interface/helloservice.js'></script>
    10. <scripttype='text/javascript'src='/dwjTest/dwr/util.js'></script>
    11. <scripttype="text/javascript">
    12. functionfirstDwr(){
    13. helloservice.sayHello("adsf",callBackHello);
    14. }
    15. functioncallBackHello(data){
    16. alert(data);
    17. </script>
    18. </head>
    19. <body>
    20. <inputtype="button"name="button"value="测试"onclick="firstDwr()">
    21. </body>
    22. </html>

    猜你在找的Ajax相关文章