首先當我們將Dwr3配置好以后,我們可以在瀏覽器中測試一下,查看一下我們配置的Dwr有沒有生效,方法是
http://localhost:[你的服務器端口號,默認不寫為80]/[ Web 名稱 ]/dwr/,回車后就會出現你之前定義的Dwr的script的名稱了,如下所顯示這樣:
當你點擊第一個remote的時候會出現如下所示頁面:
出現這樣的頁面就說明你的Dwr基本配置成功了,為什么說基本成功,因為這里面顯示了你這個Service組件所有的方法,但是有一點就是,只有你注解了@RemoteMethod的方法你才有權限可以直接在頁面上面訪問,否則就會報錯;
那么下來我們就可以真正使用頁面去訪問后臺方法了,在此之前你必須在你的*.js文件所被包含的*.html文件中引入以下三個文件,如下所示:
1
2
3
|
< script type = 'text/javascript' src = 'Web Path/dwr/engine.js' > </ script >< script type = 'text/javascript' src = 'Web Path/dwr/util.js' > </ script > |
這以上是Dwr默認必須引用的,原理不做解釋,下面要引用的一個就是你要調用的這個Service組件(Java中的類),相當于Js文件,也就是說Dwr將后端的這個Service類相當于直接轉化為前端的js文件了,里面的方法就是相當于這個js文件里面的方法,只要引用進來就可以直接調用了,如下所示:
1
2
|
< script type = 'text/javascript' src = 'Web Path/dwr/interface/remote.js' > </ script > |
那么下來就可以在我們的js里面直接調用這個remote類里面的方法了,如下所示:
1
|
(function($){ remote.setEnableDwrUpdate();}; |
remote里面的setEnableDwrUpdate()就是上一篇的那個SessionExpiredParam類中setEnableDwrUpdate()方法;
至此前端調用后端的就OK了,下一篇是后端怎么反向調用前端,提前給大家劇透一下^_^;