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;
}
}
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>
"-//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>
<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>
<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);
}
... {
var user = "London";
DwrAjaxBean.sayHello(user, callbackAjax);
}
function callbackAjax(msg)
... {
alert(msg);
}