大家中午好啊 我是尋覓
這里我們繼續(xù)前個文章的學習

DWR(Direct Web Remoting) 是一個 WEB 遠程調(diào)用框架 . 利用這個框架可以讓 AJAX

開發(fā)變得很簡單 . 利用 DWR 可以在客戶端利用 JavaScript 直接調(diào)用服務端的 Java 方法并

返回值給 JavaScript 就好像直接本地客戶端調(diào)用一樣 (DWR 根據(jù) Java 類來動態(tài)生成

JavaScrip 代碼 ). 它的最新版本 DWR0.6 添加許多特性。 如 : 支持 Dom Trees 的自動配置 ,

支持 Spring(JavaScript 遠程調(diào)用 spring bean), 更好瀏覽器支持 , 還支持一個可選的

commons-logging 日記操作 .

DWR 官方網(wǎng)址     http://www.getahead.ltd.uk/dwr/

現(xiàn)在我們就前面的兩個文章 /*

下載官方 DWR 教程例子，實現(xiàn) DWR 迅速入門

http://m.tkk7.com/lusm/archive/2007/03/10/103003.html

Ajax 具體認識 ~~~~~~~~~~~~ 讓 Ajax 變得具體不再抽象

http://m.tkk7.com/lusm/archive/2007/03/17/104490.html

*/

的內(nèi)容展開 MVC 下  DWR ajax 的學習，如果你沒看過或還沒怎么了解，為了你能在下面

更好地學習，建議你先花點點時間看看上面的兩個文章。

先看看我們要講的這個 example 的總體結(jié)構圖：
 

看到這個圖是不上和我們上個文章里的最后一個很像啊！其實是一樣的 ，大家都是

MVC 結(jié)構，只是這里少了個數(shù)據(jù)庫而已。

好了看看我們的例子代碼會有什么效果

當我們在 textfiled 里打入一個名字，如 , 這里的 Joe ，接著我們點一下旁邊的 button send

大家就會馬上看到 Hello, Joe 了，呵呵 ，是不是很好玩；是不是很想知道怎么會這樣的！

恩 好 現(xiàn)在就讓我們來看看它的代碼是什么樣子的：

就這幾個代碼

  HTML source: 這個代碼就是我們看到的上面的那個圖，比較簡單不解釋了

1
2 < p >
3   Name:
4    < input type = " text "  id = " demoName " />
5    < input value = " Send "  type = " button "  onclick = " update() " />
6    < br />
7   Reply:  < span id = " demoReply " ></ span >
8 </ p >

Javascript source:

這個是上面的<input value="Send" type="button" onclick="update()"/>調(diào)用的函數(shù)當我們

點擊按鈕(Send)時，就會去調(diào)用這個javaScript函數(shù)update( )并執(zhí)行函數(shù)里的內(nèi)容{。。。}，

可以看到在這個函數(shù)里有這個 var name = dwr.util.getValue("demoName");這里要調(diào)用lib下

的dwr包里的方法;這里還定義了另一個函數(shù)Demo.sayHello(就是下一個代碼Demo.java)把

textfiled里的數(shù)據(jù)傳給Demo.java進行簡單的處理，再把處理得到的數(shù)據(jù)傳給下一個

textfiled demoReply .

1 function update()  {
2   var name  =  dwr.util.getValue( " demoName " );
3   Demo.sayHello(name, function(data)  {
4     dwr.util.setValue( " demoReply " , data);
5   } );
6 }

Java source:

這里創(chuàng)建一個類處理上面js文件，傳來的值

1 package  uk.ltd.getahead.dwrdemo.simpletext; 
2
3 public   class  Demo  {
4      public  String sayHello(String name)  {
5          return   " Hello,  "   +  name;
6     }
7 }  
8

dwr.xml

 1<? xml version = " 1.0 "  encoding = " UTF-8 " ?> 
 2<! DOCTYPE dwr PUBLIC
 3" -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN " 
 4 " http://www.getahead.ltd.uk/dwr/dwr20.dtd  " >  
 5<!--  
 6前面是廢話不講
 7熟析java 中的一些xml 如 structs里的structs - config.xml
 8都知道在一般情況下，java中的xml文件常用于配置文件使用，記錄一些影射關系，比  
 9如 url 影射。
10這里的xml就是起到這個作用大家注意這里的橙紅字部分，和前一個代碼里的橙紅字就了解了 
11-->
12< dwr > 
13   < allow > 
14      < create creator = " new "  javascript = " Demo " > 
15        < param name = " class "  value = " uk.ltd.getahead.dwrdemo.simpletext.Demo " /> 
16      </ create > 
17    </ allow > 
18  </ dwr >

看到這里大家應該對這些代碼了解了，請在將我講的內(nèi)容和前面的圖結(jié)合起來，

想想哪個代碼出現(xiàn)在哪里；呵呵，以后還會有更復雜的代碼，

大家要努力了，別落伍了