一,開發步驟
1,準備開發環境
2,修改web.xml文件
3,創建類
4,創建dwr.xml文件,將該文件放在web.xml同目錄下
5,配置dwr.xml
6,編寫JSP頁面
6.1 導入js文件
6.2 編寫js函數和回調函數
二,具體的開發過程
1,準備開發環境
下載dwr.jar包,并將其放到lib目錄下
2,修改web.xml文件
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<!-- 該項的具體說明,請參考異常處理一節
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
-->
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping> |
3,創建類
public class Service {
public String sayHello(String yourName) {
// 可以是訪問數據庫的復雜代碼
return "HelloWorld " + yourName;
}
}
普通的Java類 |
4,創建dwr.xml文件,將該文件放在web.xml同目錄下
5,配置dwr.xml
<dwr>
<allow>
<create creator="new" javascript="service">
<param name="class" value="helloworld.Service" />
</create>
</allow>
</dwr> |
6,編寫JSP頁面
6.1 導入js文件
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/interface/service.js'> </script>
注意,應該導入的是dwr.jar包中的util.js , engine.js文件,否則會報錯。 |
6.2 編寫js函數和回調函數
<script type="text/javascript">
function firstDwr(){
service.sayHello("Jorwen",callBackHello);
}
function callBackHello(data){
alert(data);
}
function hello(){
var user = $('user').value;
service.sayHello(user,callBack);
}
function callBack(msg){
DWRUtil.setValue('result',msg);
}
</script>
</head>
<body>
<input type="button" name="button" value="測試" />
<input id="user" type="text" /><input type='button' value='哈囉' />
<div id="result"></div>
</body>
</html> |
轉。。
柴油發電機
發電機
柴油機
柴油發電機
13636374743(上海)
13291526067(嘉興)