转自:http://tmsoft.lsxy.com/index.php?load=read&id=596
Ajax,它使浏览器可以为用户提供更为自然的浏览体验,对于j2EE WEB开发人员来说,使用DWR框架可以很简单的使用Ajax技术.
本文以一个DWR+SPRING的实例来说明DWR的使用
1、将dwr.jar放到应用的/WEB-INF/lib目录下
2、配置web.xml,增加如下代码:
代码
-
-
<context-param>
-
<param-name>contextConfigLocation</param-name>
-
<param-value>/WEB-INF/applicationContext.xml,/WEB-INF/action-servlet.xml</param-value>
-
</context-param>
-
<listener>
-
<listener-class>
-
org.springframework.web.context.ContextLoaderListener
-
</listener-class>
-
</listener>
-
-
<servlet>
-
<servlet-name>dwr-invoker</servlet-name>
-
<servlet-class>uk.ltd.getahead.dwr.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、增中dwr.xml文件
文件内容:
代码
-
<?xml version="1.0" encoding="UTF-8"?>
-
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
-
<dwr>
-
<allow>
-
<create creator="spring" javascript="DWRUser">
-
<param name="beanName" value="DWRUser"/>
-
</create>
-
</allow>
-
</dwr>
creator属性的值可以是new,struts,spring......因为此处是整合spring来做的,所以设置成“spring”,javascript="DWRUser" 表示实例转换成javascript语言后以DWRUser命名,前台页面可以通过代码(<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>)来调用。param元素的name属性值可以是class,beanName等,此处用beanName,value得值是定义在applicationContext.xml中某个bean的id值。
4、创建一个实体bean供DWR转换成js
代码
-
package com.note.dwr;
-
import com.note.bussies.service.IUserService;
-
public class User {
-
private IUserService ius;
-
-
public IUserService getIus() {
-
return ius;
-
}
-
public void setIus(IUserService ius) {
-
this.ius = ius;
-
}
-
public User(){
-
-
}
-
public boolean isExist(String username) {
-
Users user = this.ius.getUserByName(username);
-
return (null == user) ? false : true;
-
}
-
}
5、在applicationContext.xml中配置第4步写的bean
代码
-
......
-
<bean id="DWRUser" class="com.note.dwr.User">
-
<property name="ius">
-
<ref bean="UserService" />
-
</property>
-
</bean>
-
......
6、在视图页面中调用
先导入以下文,每个文件的功能这里不再详述
代码
-
<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>
-
<script type='text/javascript' src='../../dwr/engine.js'></script>
-
<script type='text/javascript' src='../../dwr/util.js'></script>
因为我的视图文件是放在/view/user/下,所以这里用了../../返回到根
具体调用:
代码
-
<script type='text/javascript'>
-
function regUserChked(){
-
var username=$("username").value;
-
DWRUser.isExist(username,showData);//showData回调函数
-
}
-
function showData(data){
-
if(data){
-
DWRUtil.setValue("userMsg","该用户名已经被注册,请更换您的用户名!");
-
}else{
-
DWRUtil.setValue("userMsg","恭喜您,该用户名尚未被注册!");
-
}
-
}
-
</script>
-
input type="text" name="username" value="" onblur="regUserChked()" /><div id="userMsg"></div>
分享到:
相关推荐
DWR学习资料 :DWR 3.0 上传文件.txt DWR3.0反向Ajax示例.txt DWR3.0学习笔记.txt DWR3.0学习网址.txt dwr分页.doc DWR分页代码.doc DWR中文文档.doc DWR中文文档.pdf dwr做comet的完整实现.doc Spring整合DWR comet ...
一些DWR的学习资料,包括DWR的使用笔记,DWR的界面开发,和DWR的中文文档等
dwr学习总结 dwr学习总结 dwr学习总结
DWR案例DWR学习案例详解(数据库)DWR学习案例详解(数据库)DWR学习案例详解(数据库)
dwr学习教程2
包换7个文档,DWR学习笔记,中文API,DWR开发培训.ppt,WEB界面开发规范.doc,DWR.xml配置文件说明书.doc,DWRchinese.pdf,
dwr学习实例 初学者的宝,dwr学习实例 dwr实例 dwr初学者实例教程
dwr学习实例(简单登陆,完整包版,下载可直接跑) 刚做好,用的sql2005+myEclipse8.5+Hb3.2就是没做好可以注册用户名的提醒,学习中。。!
一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例
DWR学习笔记和与spring整合练习,DWR学习笔记和与spring整合练习,DWR学习笔记和与spring整合练习,DWR学习笔记和与spring整合练习,
PDF格式的DWR学习课件 PDF格式的DWR学习课件 PDF格式的DWR学习课件
很好的学习资料;资料中包括DWR.xml配置文件说明、DWR学习
DWR学习资料+PPT 包括 DWR中文文档.pdf , 及一套DWR 的 ppt 学习教程 , DWR[1].xml配置文件说明书.doc
DWR学习笔记及经验总结,内包含dwr数控件,学习课件和学习笔记。
dwr学习笔记pdf文件,根据笔记内容即可学会使用dwr框架
dwr学习必读,其中包含了:dwr怎样获取LIST的值,dwr与STRUTS的融合等.
DWR学习文档易懂 好东西 下载学习学习
DWR学习讲解带源码,两个例子,都带有文档说明和源码
DWR学习笔记(附带很详细的例子),初学者必备
DWR学习笔记(教授如何配置DWR和详细的工程实例) 看完就会!