Ajax,它使浏览器可以为用户提供更为自然的浏览体验,对于j2EE WEB开发人员来说,使用DWR框架可以很简单的使用Ajax技术.
本文以一个DWR+SPRING的实例来说明DWR的使用
1、将dwr.jar放到应用的/WEB-INF/lib目录下
2、配置web.xml,增加如下代码:
代码
<!--初始化WebApplicationContext--> <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> <!--配置DWR拦截器--> <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>
相关推荐
这是一个SPRING+DWR的整合项目.包括整合的三种方式,最彻底的整合是不需要配置DWRSERVLET+dwr.xml文件.使用annonation实现. 希望对你有用. 一起学习,一起进步...
使用struts2、hibernate、spring、dwr整合的简单项目。包括级联等 注意:csdn上面显示为chm文件。该文件为.7z的压缩文件。用压缩软件可以打开的 csdn弄错了
Spring+Dwr+Hibernate整合项目,包括所需要的包和数据库
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...
Struts2 + spring + hibernate + dwr 完美整合代码 dwr 用户注册 多级下拉联动 刷新表格.. 全部代码
spring+struts+hibernate+jbpm+dwr整合开发的OA办公系统源码
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...
struts1+spring+hibernate+DWR整合方案详解
ext+Json+dwr+spring+hibernate整合项目实例与资源
自己动手整合的Spring + Springmvc + Mybatis + dwr(mysql 数据库) +JNDI+log4j
ext+json+dwr+spring+hibernate整合项目实例与相关资源
重磅推出 struts+spring+hibernate+dwr整合分页例子
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
在学习jpa时候做的一个struts2+spring+jpa整合的完整例子 包含分页,一个简单的 资产入库系统 并实现了登陆等。
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分
李刚的疯狂Ajax讲义——Prototype/jQuery+DWR+Spring+Hibernate整合开发(完整源代码)绝对完整版,一共分9个部分