dwr基本运用

最新推荐文章于 2018-04-28 14:18:58 发布

gjl_52088

最新推荐文章于 2018-04-28 14:18:58 发布

阅读量337

点赞数

文章标签： dwr javascript string callback user html

本文链接：https://blog.csdn.net/gjl_52088/article/details/6084350

版权

1.dwr需要一个dwr包（放到webapp/WEN-INF下）和两个文件（engine.js,util.jsp房子相应的就是文件下）

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> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>

3.编写java代码

package com.dwr; public class HelloWorld { private String name; public HelloWorld(){ } public String getName() { return name; } public void setName(String name) { this.name = name; } public String sayHello(String name) { return "Hello, " + name; } }

4.在WEB-INF下创建dwr.xml配置如下

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"> <dwr> <allow> <create creator="new" javascript="类名称"> <param name="class" value="包名+类名"/> </create> </allow> </dwr>

5.在浏览器输入http://localhost:8080/dwr/dwr/index.html

Classes known to DWR:

Hello (com.zb.gjl.hello.Hello)

6. 在jsp页面中

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <mce:script type='text/javascript' src="/dwr/dwr/interface/Hello.js" mce_src="dwr/dwr/interface/Hello.js"></mce:script> <mce:script type='text/javascript' src="/dwr/dwr/engine.js" mce_src="dwr/dwr/engine.js"></mce:script> <mce:script type='text/javascript' src="/dwr/dwr/util.js" mce_src="dwr/dwr/util.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <input id="user" type="text" /> <input type='button' value='哈罗' οnclick='hello();'/> <div id="result"></div> </body> </html>

7。说明

dwr/interface/Hello.js 是由 DWRServlet 根据 dwr.xml 中的设定生成的，

engine.js 负责客户端伺服端沟通，
util.js 是一些好用的 JavaScript 程序，可以让您少写很多 JavaScript 。

${'user'} 取得输入字段的 DOM 对象， value 取得当中的域值，而后呼叫 Hello.hello() ，并将 value 当作参数传送 …
结果是呼叫 Server 端的 Hello Java 对象，当结果传回后，会呼叫 JavaScript 的 callback 函式，
DWRUtil 的 setValue() 方法会将传回的 msg 设定给指定 id 的 DOM ，结果就是 … 啥！ AJAX 的功能在哪 … 就这个而言就是发出异步请求，而响应不用 Refresh 页面啦！

gjl_52088

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dwr基本运用

<br />1.dwr需要一个dwr包（放到webapp/WEN-INF下）和两个文件（engine.js,util.jsp房子相应的就是文件下） <br />2.在web.xml中添加配置<br /> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <par
复制链接

扫一扫