AJAX,或者說是異步JavaScript和XML,
描述了一種使用混合了HTML(或XHTML)和層疊樣式表作為表達(dá)信息,
來創(chuàng)建交互式的Web應(yīng)用的開發(fā)技術(shù);文檔對象模型(DOM),
JavaScript,動(dòng)態(tài)地顯示和與表達(dá)信息進(jìn)行交互;并且XMLHttpRequest對象與Web服務(wù)器異步地交換和處理數(shù)據(jù)。
DWR(直接Web遠(yuǎn)程控制)項(xiàng)目是在Apache許可下的一個(gè)開源的解決方案,
它供給那些想要以一種簡單的方式使用AJAX和 XMLHttpRequest的開發(fā)者。
它具有一套Javascript功能集,它們把從HTML頁面調(diào)用應(yīng)用服務(wù)器上的Java對象的方法簡化了。
它操控不同類型的參數(shù),并同時(shí)保持了HTML代碼的可讀性,它可以與spring結(jié)合在一起。
舉個(gè)非常實(shí)用的小例子,檢測是否有重復(fù)的用戶名
1。web。xml的配置(包括spring和dwr)
<?
xmlversion="1.0"encoding="ISO-8859-1"
?>
<!
DOCTYPEweb-app
PUBLIC"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN"
"http://java.sun.com/j2ee/dtds/web-app_2_3.dtd"
>
<
web-app
>
<
context-param
>
<
param-name
>
log4jConfigLocation
</
param-name
>
<
param-value
>
/WEB-INF/log4j.properties
</
param-value
>
</
context-param
>
<
context-param
>
<
param-name
>
contextConfigLocation
</
param-name
>
<
param-value
>
/WEB-INF/applicationContext.xml,/WEB-INF/main-servlet.xml
</
param-value
>
</
context-param
>
<
listener
>
<
listener-class
>
org.springframework.web.util.Log4jConfigListener
</
listener-class
>
</
listener
>
<
servlet
>
<
servlet-name
>
context
</
servlet-name
>
<
servlet-class
>
org.springframework.web.context.ContextLoaderServlet
</
servlet-class
>
<
load-on-startup
>
1
</
load-on-startup
>
</
servlet
>
<
servlet
>
<
servlet-name
>
dwr
</
servlet-name
>
<
display-name
>
DWRServlet
</
display-name
>
<
description
>
DirectWebRemoterServlet
</
description
>
<
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
</
servlet-name
>
<
url-pattern
>
/dwr/*
</
url-pattern
>
</
servlet-mapping
>
</
web-app
>
<?
xmlversion="1.0"encoding="UTF-8"
?>
<!
DOCTYPEbeansPUBLIC"-//SPRING//DTDBEAN//EN""http://www.springframework.org/dtd/spring-beans.dtd"
>
<
beans
>
<
bean
id
="propertyConfigurer"
class
="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"
>
<
property
name
="location"
>
<
value
>
/WEB-INF/jdbc.properties
</
value
>
</
property
>
</
bean
>
<!--
LocalDataSourcethatworksinanyenvironment
-->
<
bean
id
="dataSource"
class
="org.springframework.jdbc.datasource.DriverManagerDataSource"
>
<
property
name
="driverClassName"
>
<
value
>
${jdbc.driverClassName}
</
value
>
</
property
>
<
property
name
="url"
>
<
value
>
${jdbc.url}
</
value
>
</
property
>
<
property
name
="username"
>
<
value
>
${jdbc.username}
</
value
>
</
property
>
<
property
name
="password"
>
<
value
>
${jdbc.password}
</
value
>
</
property
>
</
bean
>
<!--
OrderManager
-->
<
bean
id
="UserManager"
class
="dwr.manager.UserManager"
>
<
property
name
="dataSource"
>
<
ref
local
="dataSource"
/>
</
property
>
</
bean
>
</
beans
>
package
dwr.manager;
import
org.springframework.jdbc.core.support.JdbcDaoSupport;
import
org.apache.commons.logging.Log;
import
org.apache.commons.logging.LogFactory;
public
class
UserManager
extends
JdbcDaoSupport
{
private
final
Loglog
=
LogFactory.getLog(getClass().getName());
public
boolean
getUser(Stringusername)
{
Stringsql
=
"
selectcount(*)fromuserwhereuserName=?
"
;
int
i
=
getJdbcTemplate().queryForInt(sql,
new
Object[]
{username}
);
if
(i
>
0
)
return
true
;
else
return
false
;
}
}
<%
@pagecontentType
=
"
text/html;charset=GBK
"
language
=
"
java
"
%>
<
html
>
<
head
><
title
>
Simplejsppage
</
title
></
head
>
<
script
type
='text/javascript'
src
='<%=request.getContextPath()%
>
/
dwr
/
interface
/
UserManager.js
'
>
</script>
<scripttype=
'
text
/
javascript
'
src=
'
<%=
request.getContextPath()
%>/
dwr
/
engine.js
'
>
</script>
<scripttype=
'
text
/
javascript
'
src=
'
<%=
request.getContextPath()
%>/
dwr
/
util.js
'
></script>
<scripttype="text/javascript">
functionshowResult(b){
if(b){
alert("已經(jīng)有重復(fù)的登錄名了!");
}else{
alert("登錄名尚未注冊過!");
}
}functioncheckRepeat(s){
varo=getElement(s);
if(o){
UserManager.getUser(o.value,showResult);
}
}
functiongetElement(name){
varresult=null;
varobjs=document.getElementsByName(name);
if(objs){
varo=objs[0];
result=o;
}
returnresult;
}
</script>
<body>
<inputtype="text"name="user">
<inputtype="button"onclick="checkRepeat(
'
user
'
)"value="檢查是否重復(fù)">
</body>
</html>
6 classpath加入dwr和spring的jar文件,注意必須有hibernate3.jar和bsf.jar,在IE和FireFox下,就可以用了。
其中參考了magicgod's blog( http://www.matrix.org.cn/blog/magicgod/archives/week_2005_09_04.html#001419 )
描述了一種使用混合了HTML(或XHTML)和層疊樣式表作為表達(dá)信息,
來創(chuàng)建交互式的Web應(yīng)用的開發(fā)技術(shù);文檔對象模型(DOM),
JavaScript,動(dòng)態(tài)地顯示和與表達(dá)信息進(jìn)行交互;并且XMLHttpRequest對象與Web服務(wù)器異步地交換和處理數(shù)據(jù)。
DWR(直接Web遠(yuǎn)程控制)項(xiàng)目是在Apache許可下的一個(gè)開源的解決方案,
它供給那些想要以一種簡單的方式使用AJAX和 XMLHttpRequest的開發(fā)者。
它具有一套Javascript功能集,它們把從HTML頁面調(diào)用應(yīng)用服務(wù)器上的Java對象的方法簡化了。
它操控不同類型的參數(shù),并同時(shí)保持了HTML代碼的可讀性,它可以與spring結(jié)合在一起。
舉個(gè)非常實(shí)用的小例子,檢測是否有重復(fù)的用戶名
1。web。xml的配置(包括spring和dwr)





































2。dwr。xml的配置
<?
xmlversion="1.0"encoding="UTF-8"
?>
<! DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting1.0//EN""http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
< dwr >
< allow >
< create
creator ="spring"
javascript ="UserManager" >
< param name ="beanName" value ="UserManager" />
</ create >
</ allow >
</ dwr >
<! DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting1.0//EN""http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
< dwr >
< allow >
< create
creator ="spring"
javascript ="UserManager" >
< param name ="beanName" value ="UserManager" />
</ create >
</ allow >
</ dwr >
3。applicationContext.xml文件


































4。。spring的bean
























5。jsp的代碼


















































6 classpath加入dwr和spring的jar文件,注意必須有hibernate3.jar和bsf.jar,在IE和FireFox下,就可以用了。
其中參考了magicgod's blog( http://www.matrix.org.cn/blog/magicgod/archives/week_2005_09_04.html#001419 )
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
