一,开发步骤
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文件
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同目录下
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"> |
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 |