Ajax,它使瀏覽器可以為用戶(hù)提供更為自然的瀏覽體驗(yàn),對(duì)于j2EE WEB開(kāi)發(fā)人員來(lái)說(shuō),使用DWR框架可以很簡(jiǎn)單的使用Ajax技術(shù).
本文以一個(gè)DWR+SPRING的實(shí)例來(lái)說(shuō)明DWR的使用
1、將dwr.jar放到應(yīng)用的/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>
- <!-- 指定DWR核心Servlet的實(shí)現(xiàn)類(lèi) -->
- <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文件
文件內(nèi)容：
- <?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......因?yàn)榇颂幨钦蟬pring來(lái)做的，所以設(shè)置成“spring”，javascript="DWRUser" 表示實(shí)例轉(zhuǎn)換成javascript語(yǔ)言后以DWRUser命名，前臺(tái)頁(yè)面可以通過(guò)代碼（<script src="../../dwr/interface/DWRUser.js" type="text/javascript"></script>）來(lái)調(diào)用。param元素的name屬性值可以是class,beanName等，此處用beanName,value得值是定義在applicationContext.xml中某個(gè)bean的id值。
4、創(chuàng)建一個(gè)實(shí)體bean供DWR轉(zhuǎn)換成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步寫(xiě)的bean
- ......
- <bean id="DWRUser" class="com.note.dwr.User">
- <property name="ius">
- <ref bean="UserService" />
- </property>
- </bean>
- ......
6、在視圖頁(yè)面中調(diào)用
先導(dǎo)入以下文，每個(gè)文件的功能這里不再詳述
- <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>
因?yàn)槲业囊晥D文件是放在/view/user/下，所以這里用了../../返回到根
具體調(diào)用：
-
<script type='text/javascript'>
function regUserChked(){
- var username=$("username").value;
- DWRUser.isExist(username,showData);//showData回調(diào)函數(shù)
- }
- function showData(data){
- if(data){
- DWRUtil.setValue("userMsg","該用戶(hù)名已經(jīng)被注冊(cè)，請(qǐng)更換您的用戶(hù)名！");
- }else{
- DWRUtil.setValue("userMsg","恭喜您，該用戶(hù)名尚未被注冊(cè)！");
- }
- }
- </script>
- input type="text" name="username" value="" onblur="regUserChked()" /><div id="userMsg"></div>
posted on 2007-10-07 12:33
Ke 閱讀(953)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
spring 、
ajax