JAVA平台的AJAX 框架DWR使用

DWR现在已经在java平台的AJAX应用中使用比较广泛，下面将以前项目中用到的部分内容(测试部分)贴出来，以供参考。

配置使用什么的就不多说了，在网上搜一下就很多，非常简单。

只简单的说一下流程，然后直接把文件中的内容贴出来。具体的使用也可以参考dwr的网站：http://directwebremoting.org/dwr

1.首先在web.xml中配置dwr，以便在项目中使用

2.编写java应用，并在dwr.xml中配置(我的dwr.xml在web-info下)。

3.在jsp文件中调用

例如：

TestDwr.java中有一个方法public String test2(); 如果想在jsp页面中通过ajax方式调用步骤如下：

在dwr.xml中将方法公布出来

1. <!--测试,调用方法-->
2. <createjavascript="testdwr"creator="new">
3. <paramname="class"value="com.yinbo.umpay.test.TestDwr"/>
4. <includemethod="test1"/>
5. <includemethod="test2"/>
6. <includemethod="test3"/>
7. <includemethod="test4"/>
8. <includemethod="test5"/>
9. <includemethod="test6"/>
10. <includemethod="test7"/>
11. <includemethod="test8"/>
12. <includemethod="test9"/>
13. </create>

javascript="testdwr"是指会生成testdwr.js的文件供前台调用。value="com.yinbo.umpay.test.TestDwr"是指方法所在的类，creator="new"是构造方法，这里使用new对象的方法，也可以通过spring来管理。这里注意即使用在TestDwr.java中是public方法，也要在配置文件中发布出来才可以访问。

在jsp中调用如下：

先要引入

<script src='<c:url value="/dwr/engine.js"/>' ></script>
<script src='<c:url value="/dwr/util.js"/>' ></script>

这两个js是支持库，必须引入。然后就是引入

<script src='<c:url value="/dwr/interface/testdwr.js"/>'></script>

这个testdwr.js是dwr动态生成的，你不用去寻找它放在哪儿。

jsp中的调用

function callTestMethod2(){
testdwr.test2(callBackFortestMethod2);
}

function callBackFortestMethod2(data){
// 其中 date 接收方法的返回值
// 可以在这里对返回值进行处理和显示等等
alert("the return value is " + data);
}

<input type="button" onclick="callTestMethod2();"
value="调用有简单返回值的java方法">

这里的调用使用testdwr这个对象引用方法。testdwr.test2(callBackFortestMethod2); 返回值会传入callBackFortestMethod2方法的参数中。

web.xml

1. <!--dwr-->
2. <servlet>
3. <servlet-name>dwr-invoker</servlet-name>
4. <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
5. <init-param>
6. <param-name>debug</param-name>
7. <param-value>true</param-value>
8. </init-param>
9. </servlet>
10. <servlet-mapping>
11. <servlet-name>dwr-invoker</servlet-name>
12. <url-pattern>/dwr/*</url-pattern>
13. </servlet-mapping>

dwr.xml

1. <?xmlversion="1.0"encoding="UTF-8"?>
2. <!DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting2.0//EN""http://getahead.ltd.uk/dwr/dwr20.dtd">
4. <dwr>
5. <allow>
7. <!--umpaydwrmethods-->
8. <createjavascript="dwrFactory"creator="spring">
9. <paramname="beanName"value="DwrFactoryImpl"/>
10. <includemethod="testMethod"/>
11. <includemethod="getRoleList"/>
12. <includemethod="checkDetealPwd"/>
13. <includemethod="sendSelectBank"/>
14. <includemethod="checkBankaccountId"/>
15. <includemethod="checkBankinterfaceId"/>
16. <includemethod="getAccountList"/>
17. <includemethod="checkUsername"/>
18. <includemethod="checkwwwsite"/>
19. <includemethod="checkAppIllegal"/>
20. </create>
22. <!--javabean返回值及参数转换-->
23. <convertconverter="bean"
24. match="com.yinbo.umpay.core.po.Roleinfo">
25. <paramname="include"value="roleid,rolename"/>
26. </convert>
30. <!--测试,调用方法-->
31. <createjavascript="testdwr"creator="new">
32. <paramname="class"value="com.yinbo.umpay.test.TestDwr"/>
33. <includemethod="test1"/>
34. <includemethod="test2"/>
35. <includemethod="test3"/>
36. <includemethod="test4"/>
37. <includemethod="test5"/>
38. <includemethod="test6"/>
39. <includemethod="test7"/>
40. <includemethod="test8"/>
41. <includemethod="test9"/>
42. </create>
44. <!--javabean返回值及参数转换-->
45. <convertconverter="bean"match="com.yinbo.umpay.core.po.Userinfo">
46. <paramname="include"value="userid,username"/>
47. </convert>
49. <!--spring生成-->
50. <createjavascript="testdwr2"creator="spring">
51. <paramname="beanName"value="TestDwrImpl"/>
52. <includemethod="test2"/>
53. </create>
54. </allow>
55. <!--List,Set,Map作参数时，声明包含的确切类-->
56. <signatures>
57. <![CDATA[
58. importjava.util.List;
59. importcom.yinbo.umpay.test.TestDwr;
60. importcom.yinbo.umpay.core.po.Userinfo;
61. TestDwr.test7(List<Userinfo>);
62. TestDwr.test9(Map<String,Userinfo>);
63. ]]>
64. </signatures>
66. </dwr>

TestDwr.java

1. packagecom.yinbo.umpay.test;
3. importjava.util.ArrayList;
4. importjava.util.HashMap;
5. importjava.util.List;
6. importjava.util.Map;
8. importcom.yinbo.umpay.core.po.*;
10. publicclassTestDwr{
12. publicvoidtest1(){
13. try{
14. Thread.sleep(5000);
15. }catch(InterruptedExceptione){
16. //TODOAuto-generatedcatchblock
17. e.printStackTrace();
18. }
19. System.out.println("dwrtest1.");
20. }
22. publicStringtest2(){
23. return"dwrtest2.";
24. }
26. publicStringtest3(Stringdata,Stringdata2){
27. System.out.println(data);
28. System.out.println(data2);
29. returndata+"return"+data2;
31. }
33. publicUserinfotest4(){
34. Userinfou=newUserinfo();
35. u.setUserid("sec.peng");
36. u.setUsername("pengyuanfeng");
37. returnu;
38. }
40. publicvoidtest5(Userinfouserinfo){
41. System.out.println(userinfo.getUserid());
42. System.out.println(userinfo.getUsername());
43. }
45. publicListtest6(){
46. Userinfou1=newUserinfo();
47. Userinfou2=newUserinfo();
48. u1.setUserid("sec.peng");
49. u1.setUsername("pengyuanfeng");
50. u2.setUserid("www");
51. u2.setUsername("www.163.com");
52. Listlist=newArrayList();
53. list.add(u1);
54. list.add(u2);
55. returnlist;
56. }
58. publicvoidtest7(Listlist){
59. for(inti=0;i<list.size();i++){
60. Userinfouserinfo=(Userinfo)list.get(i);
61. System.out.println(userinfo.getUserid());
62. System.out.println(userinfo.getUsername());
63. }
64. }
66. publicMaptest8(){
67. Mapmap=newHashMap();
68. Userinfou=newUserinfo();
69. u.setUserid("aaa");
70. u.setUsername("bbbbbb");
71. map.put("u1",u);
72. returnmap;
73. }
75. publicvoidtest9(Mapmap){
76. Userinfouserinfo=(Userinfo)map.get("u1");
77. System.out.println(userinfo.getUserid());
78. System.out.println(userinfo.getUsername());
79. }
82. }

testdwr.jsp

1. <%@pagelanguage="java"pageEncoding="UTF-8"%>
3. <html>
4. <head>
5. <title>testdwr</title>
6. <scriptsrc='<c:urlvalue="/dwr/interface/testdwr.js"/>'></script>
7. <scriptsrc='<c:urlvalue="/dwr/interface/testdwr2.js"/>'></script>
8. <scriptsrc='<c:urlvalue="/dwr/interface/dwrFactory.js"/>'></script>
9. <scriptsrc='<c:urlvalue="/dwr/engine.js"/>'></script>
10. <scriptsrc='<c:urlvalue="/dwr/util.js"/>'></script>
11. <script>
13. functioncallTestMethod1(){
14. testdwr.test1();
15. }
18. functioncallTestMethod2(){
19. testdwr.test2(callBackFortestMethod2);
20. }
21. functioncallBackFortestMethod2(data){
22. //其中date接收方法的返回值
23. //可以在这里对返回值进行处理和显示等等
24. alert("thereturnvalueis"+data);
25. }
27. functioncallTestMethod3(){
28. //定义要传到java方法中的参数
29. vardata;
30. //构造参数
31. data="testString";
32. testdwr.test3(data,"bbb",callBackTestMethod3);
33. }
34. functioncallBackTestMethod3(data){
35. alert(data);
36. }
38. functioncallTestMethod4(){
39. testdwr.test4(callBackFortestMethod4);
40. }
41. functioncallBackFortestMethod4(data){
42. //其中data接收方法的返回值
43. //对于JavaBean返回值，有两种方式处理
44. //不知道属性名称时，使用如下方法
45. /*
46. for(varpropertyindata){
47. alert("property:"+property);
48. alert(property+":"+data[property]);
49. }
50. */
51. //知道属性名称时，使用如下方法
52. alert(data.userid);
53. alert(data.username);
54. }
56. functioncallTestMethod5(){
57. //定义要传到java方法中的参数
58. vardata;
59. //构造参数，date实际上是一个object
60. data={userid:"ppp",username:"pengyf"}
61. testdwr.test5(data);
62. }
64. functioncallTestMethod6(){
65. testdwr.test6(callBackFortestMethod6);
66. }
67. functioncallBackFortestMethod6(data){
68. //其中date接收方法的返回值
70. DWRUtil.addRows('addRowsBasic',data,[
71. function(data){returndata.userid;},
72. function(data){returndata.username;}
73. ]);
75. if(data!=null&&typeofdata=='object')alert(dwr.util.toDescriptiveString(data,2));
76. elsedwr.util.setValue('d5',dwr.util.toDescriptiveString(data,1));
78. //知道属性名称时，使用如下方法
79. for(vari=0;i<data.length;i++){
80. alert(data[i].userid);
81. alert(data[i].username);
82. }
86. }
89. functioncallTestMethod7(){
90. //定义要传到java方法中的参数
91. vardata;
92. //构造参数，date实际上是一个object数组，即数组的每个元素均为object
93. data=[
94. {
95. userid:"u1",
96. username:"user1"
97. },
98. {
99. userid:"u2",
100. username:"user2"
101. }
102. ];
103. testdwr.test7(data);
104. }
107. functioncallTestMethod8(){
108. testdwr.test8(callBackFortestMethod8);
109. }
110. functioncallBackFortestMethod8(data){
111. //其中date接收方法的返回值
113. if(data!=null&&typeofdata=='object')alert(dwr.util.toDescriptiveString(data,2));
114. elsedwr.util.setValue('d5',dwr.util.toDescriptiveString(data,1));
116. //知道属性名称时，使用如下方法
117. for(varpropertyindata){
118. varbean=data[property];
119. alert(bean.userid);
120. alert(bean.username);
121. }
122. }
125. functioncallTestMethod9(){
126. //定义要传到java方法中的参数
127. vardata;
128. //构造参数，date实际上是一个object数组，即数组的每个元素均为object
129. data={
130. "u1":{
131. userid:"uu1",
132. username:"user1"
133. },
134. "u2":{
135. userid:"uu2",
136. username:"user2"
137. }
138. };
139. testdwr.test9(data);
140. }
143. functionaddOptions(){
144. //将数组添加到下拉菜单里面去;
145. vararrayFive=['One','Two','Three','Four','Five'];
146. DWRUtil.addOptions('addOptionsBasic',arrayFive);
147. }
149. functionaddOptions2(){
150. vararrayObject=[
151. {name:'One',value:'1'},
152. {name:'Two',value:'2'},
153. {name:'Three',value:'3'},
154. {name:'Four',value:'4'},
155. {name:'Five',value:'5'}
156. ];
157. //后面2个参数是值，文本
158. DWRUtil.addOptions('addOptionsObject1',arrayObject,"value","name");
160. //这样调用表示值和文本都是name
161. //DWRUtil.addOptions('addOptionsObject1',arrayObject,"name");
163. }
165. functionaddOptions3(){
167. varmap={one:1,two:2,three:3,four:4,five:5};
168. //同上,one是值;1是文本;
169. //DWRUtil.addOptions('addOptionsMap1',map);
170. //同上,1是值;one是文本;
171. DWRUtil.addOptions('addOptionsMap1',map,true);
173. }
175. functionaddOptions4(){
177. varmap={one:1,two:2,three:3,four:4,five:5};
178. //同上,one是值;1是文本;
179. //DWRUtil.addOptions('addOptionsMap1',map);
180. //同上,1是值;one是文本;
181. DWRUtil.addOptions('removeItems',map,true);
183. }
184. functioninit(){
185. dwr.util.useLoadingMessage("加载中...");
186. }
188. functiontestrows(){
190. vardata=[
191. {userid:'One',username:'1'},
192. {userid:'tow',username:'2'}
193. ];
195. DWRUtil.addRows('addRowsBasic',data,[
196. function(data){returndata.userid;},
197. function(data){returndata.username;}
198. ],
199. {
200. rowCreator:function(options){
201. varrow=document.createElement("tr");
202. varindex=options.rowIndex*50;
203. row.style.color="rgb("+index+",0,0)";
204. returnrow;
205. },
206. cellCreator:function(options){
207. vartd=document.createElement("td");
208. varindex=255-(options.rowIndex*50);
209. td.style.backgroundColor="rgb("+index+",255,255)";
210. td.style.fontWeight="bold";
211. returntd;
212. }
213. }
214. );//endaddrows
215. }//endfunction
217. //callTestMethod1();
219. functiontestspring(){
220. testdwr2.test2(callBacktestspring);
221. }
222. functioncallBacktestspring(data){
223. //其中date接收方法的返回值
224. //可以在这里对返回值进行处理和显示等等
225. alert("thereturnvalueis"+data);
226. }
229. functiontestDwrFactory(){
230. dwrFactory.testMethod(callBackTestDwrFactory);
231. }
232. functioncallBackTestDwrFactory(data){
233. alert("thereturnvalueis"+data);
234. }
237. </script>
238. </head>
239. <bodyonload="init();">
240. testdwr
241. <br>
242. <inputtype="button"onclick="callTestMethod1();"
243. value="调用没有返回值和参数的JAVA方法">
244. <br>
246. <inputtype="button"onclick="callTestMethod2();"
247. value="调用有简单返回值的java方法">
248. <br>
250. <inputtype="button"onclick="callTestMethod3();"
251. value="调用有简单参数的java方法">
252. <br>
254. <inputtype="button"onclick="callTestMethod4();"
255. value="调用返回JavaBean的java方法">
256. <br>
258. <inputtype="button"onclick="callTestMethod5();"
259. value="调用有JavaBean参数的java方法">
260. <br>
262. <inputtype="button"onclick="callTestMethod6();"
263. value="调用返回List、Set或者Map的java方法">
264. <br>
266. <inputtype="button"onclick="callTestMethod7();"
267. value="调用有List、Set或者Map参数的java方法">
268. <br>
270. <inputtype="button"onclick="callTestMethod8();"
271. value="调用返回Map的java方法">
272. <br>
274. <inputtype="button"onclick="callTestMethod9();"
275. value="参数为Map的java方法">
276. <br>
278. <p>
279. testdwrutil
280. <br>
282. *选中selectRangeBasic文本框里面从第五个字符到第15个字符之间的字符<br>
283. <inputtype="text"id="selectRangeBasic">
284. <inputtype="button"onclick="DWRUtil.selectRange('selectRangeBasic',5,15);"
285. value="selectRange">
286. <inputtype="button"onclick="alert(DWRUtil.getSelection('selectRangeBasic'));"
287. value="_getSelection">
289. <br>
291. *将数组添加到下拉菜单里面去<br>
292. <selectname="addOptionsBasic">
293. </select>
294. <inputtype="button"onclick="addOptions();"
295. value="addOptions">
296. <br>
297. *得到addOptionsBasic对象的值<br>
298. <inputtype="button"onclick="alert(DWRUtil.getValue('addOptionsBasic'));"
299. value="getValue">
301. <br>*得到下拉框addOptionsBasic显示的文本<br>
302. <inputtype="button"onclick="alert(DWRUtil.getText('addOptionsBasic'));"
303. value="getText">
305. <br>*将数组及值添加到下拉菜单里面去<br>
306. <selectname="addOptionsObject1">
307. </select>
308. <inputtype="button"onclick="addOptions2();"
309. value="addOptions2">
310. <inputtype="button"onclick="alert(DWRUtil.getText('addOptionsObject1'));"
311. value="getText">
312. <inputtype="button"onclick="alert(DWRUtil.getValue('addOptionsObject1'));"
313. value="getValue">
315. <br>*将对象属性及值添加到下拉菜单里面去<br>
316. <selectname="addOptionsMap1">
317. </select>
318. <inputtype="button"onclick="addOptions3();"
319. value="addOptions3">
320. <inputtype="button"onclick="alert(DWRUtil.getText('addOptionsMap1'));"
321. value="getText">
322. <inputtype="button"onclick="alert(DWRUtil.getValue('addOptionsMap1'));"
323. value="getValue">
325. <br>
326. <inputtype="button"onclick="testrows();"
327. value="testrows">
329. <inputtype="button"onclick="DWRUtil.removeAllRows('addRowsBasic');"
330. value="removeAllRows">
333. <br>
335. <tablewidth="300"border="1"height="30">
336. <tbodyid="addRowsBasic">
337. <tr>
338. <th>userid</th>
339. <th>username</th>
340. </tr>
341. </tbody>
342. </table>
344. <inputtype="button"onclick="testspring();"value="testspring">
346. <p/>
347. <inputtype="button"onclick="testDwrFactory();"value="umpaydwr">
350. </body>
351. </html>