dwr小例子最简单的

前端之家收集整理的这篇文章主要介绍了dwr小例子最简单的前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

web.xml文件的编写

  1. <servlet>
  2. <servlet-name>dwr-invoker</servlet-name>
  3. <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
  4. <init-param>
  5. <param-name>debug</param-name>
  6. <param-value>true</param-value>
  7. </init-param>
  8. </servlet>
  9. <servlet-mapping>
  10. <servlet-name>dwr-invoker</servlet-name>
  11. <url-pattern>/dwr/*</url-pattern>
  12. </servlet-mapping>



添加dwr.xml文件

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
  3. <dwr>
  4. <allow>
  5. <create creator="new" javascript="Demo">
  6. <param name="class" value="com.Demo"/>
  7. </create>
  8. </allow>
  9. </dwr>
  10.  
  11.  


java类文件

  1. package com;
  2.  
  3. public class Demo {
  4. public String sayHello(String name) {
  5. return "Hello," + name;
  6. }
  7. }
  8.  
  9.  


html文件demo.xtml

  1. <title>Text Demo</title>
  2. <script src='dwr/interface/Demo.js'></script> <!--此处的Demo.js是dwr.xml中create标签的javascript的值-->
  3. <script src='dwr/engine.js'></script>
  4. <script type='text/javascript' src='dwr/util.js'></script>
  5. <script>
  6. var allname;
  7. function update()
  8. {
  9. var name = dwr.util.getValue("demoName");
  10. <!--在这里直接类名.方法就可以调用java方法了-->
  11. Demo.sayHello(name,function(data){
  12. dwr.util.setValue("demoReply",data);
  13. allname=data;
  14. });
  15. alert(allname);
  16. }
  17. </script>
  18. </head>
  19. <body>
  20. <p> Name: <input type="text" id="demoName"/>
  21. <input value="Send" type="button" onclick="update()"/>
  22. <br/>
  23. Reply: <span id="demoReply"></span>
  24. </p>
  25. </body>
  26. </html>


还要导入Dwr所需的jar文件,可以从dwr的官网下载

web.xml文件和dwr.xml文件需要放在同一级目录下

猜你在找的Ajax相关文章