发新话题
移动帖子 加入精华 加入置顶 加入收藏 关注此帖

J2EE下使用AJAX(三) DWR



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);
}
快乐渡过每一天,减肥坚持每一天
编辑 回复 快速回复 TOP

Re:J2EE下使用AJAX(三) DWR

能不能传2个参数进去?
编辑 回复 快速回复 TOP
发新话题