DWR最简单可行的例子

最新推荐文章于 2024-09-08 21:17:37 发布

lybra

最新推荐文章于 2024-09-08 21:17:37 发布

阅读量584

点赞数

文章标签： dwr javascript callback encoding function generation

本文链接：https://blog.csdn.net/lybra/article/details/2166038

版权

[序] 刚接触到DWR，于是很想搜寻点简单例子，能让我很快看到结果，以增强信心。可搜到的一些例子根本就没法运行，也许大家都是高手，觉得很多没必要交待吧，但让我这样的菜鸟还是郁闷了半天。凡事靠自己，还是自己从头动手吧，参考getahead上的SimpleText例子。

1. 在Tomcat的webapps下创建一个新的web应用，例如lybra。从http://getahead.org/dwr/download下载dwr.jar。

2. 在lybra目录中，创建WEB-INF文件夹，在WEB-INF中再创建lib和classes等文件夹。进一步创建index.jsp，web.xml，dwr.xml等文件。最终的目录结构如下（加粗的为目录）：

lybra
index.jsp
WEB-INF
  web.xml
  dwr.xml
  lib
   dwr.jar
  classes
   org
    getahead
     dwrdemo
      simpletext
       demo.class (由下面的demo.java生成)

index.jsp
------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simple Text Generation Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />

<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'> </script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'> </script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/demo.js'> </script>


<script type="text/javascript">
   function update() {
    var name = dwr.util.getValue("demoName");
    Demo.sayHello(name, function(data) {
     dwr.util.setValue("demoReply", data);
  });
/* DWR是异步的，所以浏览器不会因为我们等待在后台的HTTP请求返回而阻塞在那里。所以我们要指定一个callback函数，在请求返回的时候自动调用。这里的function(data)就是这个callback函数*/
/* dwr.util提供了一些如getValue和setValue的函数方便我们操作页面元素 */
}
</script>
</head>

<body>

<p>This is a simple demonstration of how to dynamically update a web-page with
text fetched from a web server.</p>

      Name:
      <input type="text" id="demoName" value="Joe"/>
      <input value="Send" type="button" οnclick="update()"/>
      <br/>
      Reply: <span id="demoReply" style="background:#eeffdd; padding-left:4px; padding-right:4px;"></span>

</body>
</html>

web.xml
-------------
<?xml version="1.0" encoding="UTF-8"?>
<web-app>

<servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <display-name>DWR Servlet</display-name>
    <description>Direct Web Remoter Servlet</description>
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>

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

</web-app>

dwr.xml
------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

demo.java
--------------
package org.getahead.dwrdemo.simpletext;

public class demo
{
    public String sayHello(String name)
    {
        return "Hello, " + name;
    }
}
这里在编译demo.java的时候，需要在classpath中将servlet-api.jar和dwr.jar包含进来。

3. 启动Tomcat，敲入http://localhost:8080/lybra。应该就可以看到web界面了，随便输入一个名字xxx，点击send，会从服务器返回"Hello, xxx"。终于有点结果出来了，自信心暴涨，下面就要深入了解DWR是怎么自动生成JavaScript的呢。

lybra

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DWR最简单可行的例子

[序] 刚接触到DWR，于是很想搜寻点简单例子，能让我很快看到结果，以增强信心。可搜到的一些例子根本就没法运行，也许大家都是高手，觉得很多没必要交待吧，但让我这样的菜鸟还是郁闷了半天。凡事靠自己，还是自己从头动手吧，参考getahead上的SimpleText例子。1. 在Tomcat的webapps下创建一个新的web应用，例如lybra。从http://getahead.org/dwr/d
复制链接

扫一扫