最近Ajax比較火，全世界都在討論。于是我也摻和摻和，直接用XMLHttpRequest？現(xiàn)在的我還沒有那個水平。用Echo2或者backbase，又感覺那些純Ajax的framework太重量級了。我要的只是一些簡單的應(yīng)用而已。于是尋覓的重點放在了一些對xmlhttpRequest進行輕量級包裝的代碼庫上了。于是我找到了DWR（Direct Web Remoting）。DWR的口號是AJAX and XMLHttpRequest made easy，并且它也基本上做到了這一點。它提供了一個友好的框架和一些很有用的JavaScript庫，可以讓我用起Ajax更容易些。詳細的信息可以到他們的網(wǎng)站http://www.getahead.ltd.uk/dwr/。順便在介紹一個網(wǎng)站吧：http://www.ajaxmatters.com 這里也有很多關(guān)于Ajax的資源。
下面來簡單介紹一下DWR。
其實在沒有XMLHttpRequest前DWR就有了，那時它用的是IFrame，效果很差，所以我看看了就沒有再diao它。現(xiàn)在的DWR主要用XMLHttpRequest，當(dāng)然也可以選者用IFrame，但是不推薦。
DWR是個open source software，授權(quán)方式是 ASL version 2.0的?，F(xiàn)在網(wǎng)站上examples and tutorials做的也不錯。我就根據(jù)這些東西自己也做了一個應(yīng)用，在本文的后面我會詳細講到。
現(xiàn)在DWR的最新版本是1.0RC1。在我的試用環(huán)境相還算比較穩(wěn)定，沒有出現(xiàn)什么問題。
DWR本身以一個dwr.jar的jar包存在，它的入口時一個Servlet（uk.ltd.getahead.dwr.DWRServlet）所以要在web.xml里配置一下就可以了。具體配置看這里http://www.getahead.ltd.uk/dwr/intro.html。比較簡單。dwr為我們提供了一個framework幫我們很容易的實現(xiàn)JavaScript和java之間的通信。
我還沒有看過dwr的源碼，具體他是怎么實現(xiàn)的我也不太清楚。但大致上肯定是通過xmlhttprequest來調(diào)用它的servlet然后把數(shù)據(jù)用xml打包解包了。其實我覺得這部分到不是dwr給我?guī)淼淖罘奖愕牡胤?。最方便的地方?yīng)該是他的那些js的庫。
所以下面我要介紹一下它的兩個重要js對象。
DWREngine （engine.js中），DWRUtil (util.js中)。
DWREngine中的方法是基本上是關(guān)于XMLHttpRequest的。
下面中介紹一些
DWREngine.setErrorHandler(handler)
默認(rèn)的錯誤處理時彈出一個對話框，你可以通過這個方法改變成你需要的表現(xiàn)形式。
DWREngine.setWarningHandler(handler)
改變默認(rèn)的警告處理形式
DWREngine.beginBatch()
Some Remote Function…
DWREngine.endBatch()
當(dāng)你有幾個遠程調(diào)用要一起進行時，就要用到這兩個方法。
如果不用這兩個方法，你就會發(fā)現(xiàn)你的遠程調(diào)用并不以你想象的順序進行。
DWREngine中還有一些其它的方法，我沒有用過。你可以通過dwr的js-doc來看。如果通過文檔看不懂它是干什么用的，就看js源碼，源碼的注釋也是比較詳細的。
DWRUtil中也有一些很有用的方法。這些方法一般是編寫js的輔助方法。
比如setValue和getValue。大多數(shù)html標(biāo)簽有value屬性，這時你要獲取或者設(shè)置它的值時就用$(“someid”).value就可以了。但是有些html標(biāo)記是沒有value屬性的，它的值時在標(biāo)簽的中間，如<span id=”span1”>some value</span>這時你要取或設(shè)它的值的時候就用DWRUtil.setValue($(“span1”)，someValue)。這樣你就可以在客戶端動態(tài)的表現(xiàn)一些數(shù)據(jù)了。
還有很多很好用的方法，dwr的例子中有一些說明，源碼中的注釋也比較詳細。
Dwr就介紹到這里吧。下一篇，我做了個table的例子。
posted on 2005-08-08 13:26
黑靈 閱讀(3313)
評論(11) 編輯 收藏 所屬分類:
AJAX 
FeedBack:2006-06-12 18:43 |
類似這種框架現(xiàn)在已經(jīng)有了不少，如做的非常不錯的有echo2,wingS,WidgetServer等，都要比這個swilet更加完善一些。但是我并不看好這種封裝。如果你的整個項目都是用Ajax來實現(xiàn)的，以上框架倒是一個不錯的選擇，但是一旦遇到一些原框架中不支持的需求，擴展以來就比較麻煩了。如果要用一些MVC的Framework，如WebWork，Struts，JSF等，以上這些架構(gòu)基本上是不能用的。而且我覺得學(xué)習(xí)DWR這樣的Ajax框架，學(xué)習(xí)曲線已經(jīng)很低了，一個正常的程序員半天時間足夠了，沒必要再封裝了，失去得靈活性太得不償失了。
回復(fù) 更多評論 2006-06-13 12:18 |
我覺得ajax只是他那個swilet的實現(xiàn)方式，并不是最重要的。
它主要的思想是將web開發(fā)轉(zhuǎn)化為swing程序開發(fā)，不需要各種xml，jsp，action等配置。將傳統(tǒng)web的提交響應(yīng)的機制轉(zhuǎn)化為組件開發(fā)與事件處理機制。因為大家都有感受，用cs開發(fā)程序比bs開發(fā)簡單，迅速吧。
回復(fù) 更多評論 2006-06-13 16:54 |
我也認(rèn)為把組件開發(fā)與事件處理機制的思想用到BS開發(fā)上確實是一個不錯的方式，但是那只是一種方式，并不是完美的解決方案。JSF是這種方式在J2EE領(lǐng)域里的標(biāo)準(zhǔn)實現(xiàn)，但是在應(yīng)用開發(fā)過程中還是有很多問題，并沒有比原來的方式提高開發(fā)效率。我前一段時間看到一片文章，SUN的那群人在考慮Ajax和JSF更好的整合，要實現(xiàn)JSF組件通過Ajax的方式實現(xiàn)組件單獨更新，就像Swing那樣。我覺得如果能夠?qū)崿F(xiàn)的話，JSF就酷了。
回復(fù) 更多評論 2006-06-13 19:40 |
我覺得用組件開發(fā)與事件處理機制的思想應(yīng)該是web開發(fā)的一個趨勢,畢竟像pb與delphi或是swing的這種開發(fā)方式來開發(fā)，比用struts這種mvc的結(jié)構(gòu)開發(fā)要簡單直接很多。asp.net與jsf都是這種思路，其他的echo2,wingS也都是這樣的思路。這樣可能會犧牲一些運行效率，但提高的是開發(fā)效率，在某些場合是非常值得的。不過java的這些架構(gòu)都沒有好的開發(fā)工具支持，如果有像asp.net那樣的開發(fā)工具支持，這種架構(gòu)一定會比struts,webwork那些更好用。
我覺得jsf缺的是工具與控件，尤其是那些復(fù)雜的樹表格之類和那些數(shù)據(jù)敏感控件。沒有這些，即使用ajax來實現(xiàn)，沒有好的工具，可能還是不好用。
回復(fù) 更多評論 2006-06-13 20:41 |
這點我也同意，其實我非常喜歡Asp.net，用VS開發(fā)中小型系統(tǒng)開發(fā)效率要比Java的解決方案高很多。JSF的學(xué)習(xí)曲線太高了，又沒有很好的工具支持，SunCreator還有點VS的意識，但是還是像玩具。至于控件其實MyFaces和ADF已經(jīng)很多了，現(xiàn)在也逐漸有了一些商業(yè)控件。
回復(fù) 更多評論 2006-12-12 15:52 |
我的代碼如下:
var getid = function(sortstr) { return sortstr.id };
var getName = function(sortstr) { return sortstr.sortName };
var getDelete= function(sortstr) { return "<input type=\"button\" value=\"刪除\"\/>"; };
DWRUtil.addRows("sb", sortstr, [ getName,getDelete ]);
本來想在表格里輸出一個刪除按鈕
但結(jié)果把原碼輸出來了,
請問怎么回事,怎么解決?
回復(fù) 更多評論
