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' οnclick='hello();' />

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

 

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