Step 1: Download
从网站下载 DWR: http://getahead.ltd.uk/dwr/download
导入jar
dwr.jar
commons-logging-1.0.4.jar(dwr 3.0需要这个包)
Step 2: web.xml
修改 web.xml, 新增 DwrServlet
<servlet>
<display-name>DWR Servlet</display-name>
<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>
Step 3: dwr.xml
将远端 Java 物件注册到 dwr.xml
参考:dwr.jar/org.directwebremoting/dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
"http://getahead.org/dwr/dwr30.dtd">
<dwr>
<allow>
<create creator="new" javascript="helloWorld">
<param name="class" value="com.wepull.dwr.HelloWorld"></param>
</create>
</allow>
</dwr>
Step 3 测试
测试 DWR
将代码放入应用服务器(比如Tomcat),启动。
然后在地址栏输入:
http://localhost:8080/工程名称/dwr
Step 4 前台页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>testDWR.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript"
src="/1102_DWR/dwr/interface/helloWorld.js"></script>
<script type='text/javascript' src='/1102_DWR/dwr/engine.js'></script>
<script type='text/javascript' src='/1102_DWR/dwr/util.js'></script>
<script type="text/javascript">
function sayHello(){
//helloWorld 为helloWorld.js 中的helloWorld
//callBack 是个回调函数
helloWorld.sayHello(callBack);
}
//text为服务器传到前台的数据
function callBack(text){
alert(text);
// var obj = document.getElementById("sp1");
//DWR 中可以$("sp1") 来获取对象
var obj = $("sp1"); //sp1是id名
obj.innerHTML = text;
}
</script>
</head>
<body>
<input type="button" value="调用后台sayHello()方法" onclick="sayHello()">
<span id="sp1"></span>
</body>
</html>
附:后台代码
package com.wepull.dwr;
public class HelloWorld {
public String sayHello(){
System.out.println("执行了 sayHello()方法");
return "hello world";
}
}
分享到:
相关推荐
- 通过`MyService`对象调用后台方法,如`myService.myMethod(param1, param2, callback)`,这里的`callback`是处理服务器响应的回调函数。 4. **AJAX通信**: - DWR使用AJAX技术在后台执行Java方法,然后将结果...
6. **示例代码分析**:可能提供一个简单的例子,展示如何在Spring应用中创建一个DWR服务,以及在前端JavaScript如何调用这个服务。这可能涉及到`@RemoteProxy`注解的使用,以及Spring MVC的控制器方法。 7. **测试...
《DWR:前台调用后台Java类的"Hello, World!"实践详解》 Direct Web Remoting(DWR)是一个开源的Java库,它允许Web应用程序在浏览器和服务器之间进行实时的、安全的通信,实现JavaScript与Java代码的交互。DWR简化...
DWR是一款开源的JavaScript库,它允许Java方法直接在浏览器中调用,从而实现Ajax(异步JavaScript和XML)功能。DWR提供了自动JSON和XML序列化、安全性和缓存策略等特性,使得开发人员能够轻松地创建动态、实时的Web...
这个"ajax框架dwr例子.rar"是一个针对初学者的教程资源,旨在帮助理解如何在实际项目中使用DWR进行Ajax开发。 DWR的核心功能在于提供了一个简单的方法来调用服务器端的Java方法,并将结果直接返回到客户端的...
首先,DWR的核心概念是远程方法调用(Remote Method Invocation),它通过创建一个JavaScript到Java的桥梁,使得前端可以调用后台Java对象的方法,就像调用本地函数一样。这极大地提高了Web应用的交互性和用户体验,...
在这个例子中,`sayHello`是客户端的JavaScript接口,`sayHelloImpl`是服务器端的Java方法,通过DWR实现了跨域调用。 **总结** DWR作为一款优秀的Ajax框架,极大地简化了Java Web开发中的异步通信,使得开发者可以...
在这个"一个简单DWR例子"中,我们可以预期包含以下组成部分: 1. **DWR配置**:项目中应有一个DWR配置文件(通常为`dwr.xml`),用于定义允许前端访问的Java类和方法。例如,可能有一个`UserService`类,其中包含...
在本“DWR与后台异步交互简单例子”中,我们将探讨如何利用DWR来实现前后端的数据通信,提高用户体验。 首先,**DWR的核心理念**是通过提供一套简单的API,使得JavaScript可以直接调用Java方法,仿佛它们都在同一个...
6. **编写前端页面**:在JSP或HTML页面中,引入DWR生成的JavaScript文件,并编写调用后台方法的JavaScript代码。例如,你可以创建一个按钮,点击后通过DWR调用服务器端的方法,并将结果动态显示在页面上。 7. **...
它提供了一种简单的方式来执行异步请求,使得前端JavaScript代码可以调用后台Java方法,仿佛它们是在同一进程中运行一样。 2. **DWR配置**:设置DWR通常包括在web.xml中配置DWRServlet,以及在项目中创建dwr.xml...
这个例子“dwr例子演示级联菜单”旨在帮助我们理解如何使用DWR来创建动态的、交互式的级联下拉菜单。级联菜单常用于Web应用程序中,例如在选择国家时自动更新相应的省份列表。 首先,让我们了解一下DWR的基本工作...
这个"DWR例子代码"压缩包很可能包含了一些示例代码,用于展示如何在实际项目中有效利用DWR技术。下面将详细解释DWR的核心概念和其在Web开发中的应用。 DWR的主要功能是实现JavaScript与Java后端之间的无缝通信,这...
DWR,另一方面,使得前端JavaScript可以直接调用后台的Java方法,就像它们都是本地函数一样。DWR提供了自动化的异步HTTP通信,使得页面无需刷新即可更新内容,提升了用户体验。DWR的主要组件包括一个Servlet(DWR ...
在这个"Dwr-test.zip_dwr test_dwr页面跳转"的例子中,我们主要关注的是如何利用DWR框架在不进行页面跳转的情况下,实现后台请求并更新页面内容。这通常涉及到以下几个关键知识点: 1. **DWR的基本概念**: - **...
1. **DWR基础概念**:DWR的核心组件包括一个服务器端的引擎(DWR Engine),一个处理客户端请求的Servlet(DWRServlet),以及一系列JavaScript库,如Util、Create、Call等,用于在客户端进行AJAX调用。 2. **DWR与...
标题"简单的EXT+DWR例子"暗示我们将探讨如何将EXT与DWR集成,创建一个简单的Web应用。这个例子可能是为了展示如何利用EXT的组件和DWR的远程调用来创建一个可直接部署并运行的应用。 首先,EXT的主要组件包括表格、...
DWR的核心功能是打破了传统的Web应用模型,使得JavaScript可以直接调用后台服务器上的Java对象,极大地提高了用户体验,因为用户无需刷新页面即可获取和更新数据。这一特性在构建富互联网应用(RIA)时非常有用。 ...
DWR(Direct Web Remoting)是一个开放源码的JavaScript库,它使得在...通过学习这个例子,你可以快速掌握DWR的基本用法,并将其应用到实际的AJAX项目中,提升用户体验,实现页面的无刷新更新和后台数据的实时交互。
1. **AJAX通信**:DWR通过在后台执行Java方法并返回结果到JavaScript,实现了无刷新的页面更新。这使得用户界面更加响应式,提高了用户体验。 2. **安全机制**:DWR提供了一套安全框架,包括自动的CSRF保护和对HTTP...