J2EE下使用AJAX(三) DWR

DWR框架是当前比较流行的一个AJAX框架，通过DWR，用户可以以透明的方式在JavaScript中使用Java对象，当然，要提前把需要的配置文件做好。

目录的DWR官方网站为 http://getahead.org/dwr/

3.1 Java对象

如果使用DWR，就不需要使用Servlet对象了，下面是一个简单的Java类，功能我不说了，我实在懒得描述如此简单的类的功能。

 

package lld.test.ajax;

public class DwrAjaxBean
...{
    public String sayHello(String uname)
    ...{
        return "Hello, " + uname;
    }
}

 

 

3.2 配置

要使用DWR框架，需要做以下配置

 

3.2.1 dwr.xml

在WEB-INF根目录下建立dwr.xml，内容如下：

 

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="DwrAjaxBean">
      <param name="class" value="lld.test.ajax.DwrAjaxBean"/>
    </create>
  </allow>
</dwr>

 

在里面定义了要在JSP中使用的Java对象，其中 javascript="DwrAjaxBean" 表示将生成一个 DwrAjaxBean.js 文件，javascript可使用该对象来模拟使用真正的Java对象。

 

3.2.2 web.xml

在Web.xml中加入如下Servlet

 

<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <servlet-class>org.directwebremoting.servlet.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>

 

 

3.3 在JSP中使用

相对前面两例，使用DWR框架的JSP页面要显得复杂，首先，要引入如下3个js包

 

<script type='text/javascript' src='dwr/interface/DwrAjaxBean.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>

 

只要正确配置了DWR，上述的js文件会在运行时自动生成。关键是第一个js文件，它的名称要与dwr.xml中设置的一致。

JSP中的HTML代码如下所示：

<input type='button' value='Hello' onclick='hello();' />

发送/接受请求的javascript代码如下所示：

 

function hello() 
...{
    var user = "London";
    DwrAjaxBean.sayHello(user, callbackAjax);
}
 
function callbackAjax(msg) 
...{
   alert(msg);
}