涓銆丏WR綆浠?/span>
DWR鏄竴涓彲浠ュ厑璁鎬綘鍘誨垱寤?/span>AJAX WEB绔欑偣鐨?/span>JAVA寮婧愬簱銆傚畠鍙互璁╀綘鍦ㄦ祻瑙堝櫒涓殑JavaScript浠ｇ爜璋冪敤Web鏈嶅姟鍣ㄤ笂鐨?/span>Java浠ｇ爜錛屽氨鍍?/span>Java浠ｇ爜榪愯鍦ㄦ祻瑙堝櫒涓竴鏍楓?/span>
DWR鍖呭惈2涓富瑕侀儴鍒嗭細
1. 涓涓繍琛屽湪鏈嶅姟鍣ㄧ鐨?/span>Java Servlet錛屼粬澶勭悊璇鋒眰騫朵笖鍚戞祻瑙堝櫒鍙戝洖鍝嶅簲銆?/span>
2. 榪愯鍦ㄦ祻瑙堝櫒绔殑JavaScript錛屽畠鍙戦佽姹傝屼笖榪樿兘鍔ㄦ佹洿鏂扮綉欏?/span>
浜屻?span style="font-family: 瀹嬩綋">絎竴涓?/span>DWR紼嬪簭錛?/span>Hello World
涔熻浣犱笉鏄庣櫧涓轟粈涔堣榪欎箞鍋氾紝浣嗘槸璇峰厛鍋氫竴閬嶏紝涓轟粈涔堜細鍦ㄥ悗杈硅瑙ｃ?/span>
1. 灝?/span>DWR鏀懼叆浣犵殑宸ョ▼
浠?a title="鐨? target="_blank">http://directwebremoting.org/dwr/download 涓嬭澆dwr.jar鍖?/span> 鏀懼叆浣犵殑宸ョ▼/WEB-INF/lib涓?/span>
2. 緙栬緫閰嶇疆鏂囦歡
a. web.xml
灝嗕竴涓嬩唬鐮佹坊鍔犲埌WEB-INF/web.xml鏂囦歡涓?/span>
<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>
b. dwr.xml
鍦ㄤ笌web.xml鍚屼竴鏂囦歡澶逛笅鍒涘緩dwr.xml 騫跺啓鍏ヤ互涓嬪唴瀹?br />
<?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="new" javascript="Hello"><param name="class" value="onlyfun.caterpillar.Hello" /></create></allow></dwr>
3. 緙栧啓Hello綾?/span>
鍍忓鉤甯鎬竴鏍鳳紝鍐欎竴涓畝鍗曠殑綾誨茍鍔犱竴涓柟娉?/span>
package onlyfun.caterpillar; 
publicclass Hello { 
publicclass Hello 
public String hello(String name) {
return"鍝堝泬錛?/span>" + name + "錛佹?zhèn)ㄧ殑绗竴鍊婦WR錛?/span>"; 
}
}
4. 嫻嬭瘯DWR
灝?/span>web鏈嶅姟鍣?/span>鏈嶅姟鍚姩鐒跺悗杈撳叆http://localhost:8080/浣犵殑宸ョ▼/dwr
鐐瑰嚮Hello 浼氱湅鍒板垰鎵嶅啓鐨?/span>hello鏂規(guī)硶
杈撳叆鑷繁鐨勫悕瀛?/span>錛岀偣鍑?/span>Execute 錛?/span>濡傛灉榪斿洖緇撴灉姝ｇ‘璇存槑嫻嬭瘯閫氳繃錛?/span>鍙互榪涘叆涓嬩竴姝ャ?/span>
5. 緙栧啓欏甸潰
緙栧啓欏甸潰鏃墮渶瑕佹敞鎰忓嚑鐐癸細
a. 瑕佸紩鐢ㄥ嚑涓?/span>dwr鐨?/span>js鏂囦歡錛?/span>engine.js涓哄繀瑕佹枃浠訛紝util.js闇瑕佺敤鍒板叾涓姛鑳芥椂鍔犲叆錛?/span>util.js鍔熻兘浼氬湪鍚庨潰浠嬬粛鍒幫級銆?/span>
b. 寮曠敤dwr鑷姩鐢熸垚鐨?/span>js鏂囦歡錛?/span>dwr/interface/Hello.js 錛岄渶瑕佹敞鎰忕殑鏄繖涓?/span>js鐨勬枃浠跺悕闇瑕佸拰dwr.xml涓厤緗殑涓鑷?/span>
c. 褰撳湪js涓皟鐢?/span>java鏂規(guī)硶鏃朵細澶氫竴涓弬鏁幫紝鐢ㄦ潵澶勭悊榪斿洖鐨勬暟鎹?/span>
Hello.html浠ｇ爜濡備笅錛?/span>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=BIG5"> <title>絎竴鍊婦WR紼嬪紡</title> <script type='text/javascript' src='dwr/interface/Hello.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type='text/javascript' src='hello.js'></script> </head> <body> <input id="user" type="text" /><input type='button' value='鍝堝泬' onclick='hello();' /> <div id="result"></div> </body></html>
hello.js浠ｇ爜濡備笅
<!--function hello() {//$涓簎til.js涓殑鍔熻兘鐩稿綋浜巇ocument.getElementByIdvar user = $('user').value;Hello.hello(user, callback);} //鍥炶皟鍑芥暟(callback)function callback(msg) {DWRUtil.setValue('result', msg);} -->
6.嫻嬭瘯欏甸潰
鍦ㄦ祻瑙堝櫒涓緭鍏?/span>http://localhost:8080/浣犵殑宸ョ▼/Hello.html
鍦ㄨ緭鍏ユ涓緭鍏ヤ綘鐨勫悕瀛?/span>
濡傛灉榪斿洖緇撴灉姝ｇ‘錛岄偅涔堟伃鍠滀綘錛屼綘鐨勭涓涓?/span>DWR紼嬪簭鎴愬姛浜嗐?/span>
濡傛灉涓嶆紜紝璇鋒牴鎹互涓婃楠よ鐪熸鏌ャ?/span>
涓夈?/span>鏈珷灝忕粨
鏈珷閫氳繃涓涓崄鍒嗙畝鍗曠殑渚嬪瓙錛岃澶у鏄庣櫧濡備綍浣跨敤DWR璁?/span>js鍙互杞繪澗鐨勮闂?/span>java紼嬪簭錛?/span>
鍋氬畬榪欎釜紼嬪簭鍚庯紝鍙互綆楁槸DWR鍏ラ棬浜?/span>錛屼互鍚庣殑鏁欑▼閲屼細鏇磋緇嗙殑浠嬬粛DWR鐨勫悇涓姛鑳姐?/span>
]]>