一,开发步骤
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> |
分享到:
相关推荐
在本"第一个DWR例子源程序"中,我们将深入探讨DWR的基础概念、工作原理以及如何通过实例来实现一个简单的DWR应用。 首先,DWR的核心功能在于提供了一个桥梁,使得JavaScript可以直接调用服务器端的Java方法,而无需...
在这个"第一个DWR HelloWorld例子"中,我们将深入理解DWR的基本原理和操作流程,通过实践来学习如何搭建一个简单的DWR应用。 1. **DWR的基本概念** DWR的核心思想是创建一个安全的、高效的、易于使用的AJAX框架。...
在MyEclipse中创建DWR项目的第一步通常是创建一个新的Web工程。你需要设置项目的属性,包括Web服务器、JDK版本等,并确保项目中包含必要的库文件,如DWR的jar包。DWR的配置文件通常位于`WEB-INF`目录下,名为`dwr....
【标题】:“我的第一个DWR程序” 在IT领域,DWR(Direct Web Remoting)是一个JavaScript库,它允许Web应用程序与服务器端Java代码进行实时、双向通信,无需使用Ajax或Flash。DWR使得动态更新页面内容变得更加简单...
在这个“dwr第一个绝对正常运行的例子”中,我们将深入探讨DWR的核心概念、工作原理以及如何设置一个基本的DWR应用。 DWR的主要功能是提供一种安全且高效的方式,使得JavaScript可以调用服务器端的Java方法,从而...
在你提供的例子中,`dwr使用.java`可能包含了一个简单的示例,演示了如何使用DWR调用服务器端的方法。`MyUtils_Log.LDF`和`MyUtils_Data.MDF`可能是日志文件和数据文件,用于辅助调试或记录DWR操作的信息。`DWR_S2SH...
相比于第一版本,DWR2引入了更多的改进和特性,例如异步调用、批量调用、更好的错误处理机制等,同时对AJAX支持进行了优化,提升了性能和用户体验。 3. **创建DWR配置**: 在开始"Hello, World"例子之前,我们需要...
DWR3是DWR框架的第三个主要版本,它提供了一种高效、安全的方式,使JavaScript可以直接调用服务器端的Java方法。这种“反转Ajax”概念的核心在于,它不再需要传统的Ajax请求模式,即通过XMLHttpRequest对象手动构造...
Spring ibatis dwr2 extjs例子2,接例子第一部分
DWR(Direct Web Remoting)是一种Java技术,用于在Web应用程序中实现实时的客户端-服务器通信。这个“DWR最容易理解且最简单的例子”旨在...一旦你能够成功运行并交互,你就迈出了利用DWR构建实时Web应用的第一步。
这是本人做的第一个DWR的Hello World实例,虽然网上有很多一模一样的例子,可是当你自己做起来的时候你就发现没有那么简单,因此本人将我这个费了很大劲做出来的例子贡献出来,本人用的开发环境是MyEclipse8.5,...
第1章. DWR入门 1.1 简介 DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码,就像在Java代码就在浏览器中一样。 DWR包含2个主要部分: 一个...
任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,格式如下: <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"> 整个配置文件的...
在这个例子中,DWR被用来连接到MySQL数据库,并异步刷新数据,将数据插入到 `person` 表的 `username` 和 `password` 字段。这展示了DWR不仅可以用于简单的数据交换,还可以处理更复杂的数据库操作,实现Web应用与...
您的第一个DWR!"; } } ``` 为了使客户端能够调用这个Java方法,还需要编写一个`dwr.xml`配置文件来告诉DWR Servlet如何处理这些对象: ```xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD DirectWeb ...
DWR2是其第二个主要版本,引入了若干新特性和改进,包括对JDK5注解的支持。 在配置DWR2时,以下是一些关键步骤和注意事项: 1. **获取DWR2.0**:首先,你需要从官方渠道下载DWR2.0的最新版本,通常包括dwr.jar、...
在DWR中,可以通过监听第一个下拉框的`onChange`事件,触发AJAX请求来获取新的城市列表: ```javascript document.getElementById('provinceSelect').addEventListener('change', function() { var province = ...
在实现级联菜单时,通常需要三个表:一个存储顶级分类,另一个存储子分类,第三个表用来关联上级分类和下级分类。例如,一个"国家"表,一个"省份"表,以及一个包含国家ID和省份ID的关联表。你可以使用SQL语句创建...