一，开发步骤
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例子２，接例子第一部分
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允许JavaScript创建新的`HelloWorld`类实例，并通过`Hello`命名的JavaScript对象进行调用。 通过以上配置，开发者可以开始使用DWR创建动态、交互式的Web应用，实现服务器和客户端之间的高效通信，...
在这个例子中，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语句创建...