今天学习了一下DWR(Direct Web Remoting),是Ajax一个开源框架,封装了Ajax一些底层用法,如XMLHttpRequest对象的创建,请求的发送以及响应。简单的说,DWR 是一个引擎,能够在javascript直接调用java类和方法。
现在来写个简单的入门的示例:
首先,需要下载dwr.jar(我下的是dwr2.0)和commons-logging.jar
新建一个web project,将dwr.jar和commons-logging.jar放入WEB-INF/lib下
接下来就是配置dwr了,那么如何配置呢?
1.修改web.xml,添加dwr映射配置
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.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>
添加debug参数,DWR默认这个参数值为false,如果选择true,我们可以通过http://${ip}:${port}/${app}/dwr看到你部署的每个DWR Class.并且可以测试java代码的每个方法是否运行正常。为了安全考虑,在正式环境下你一定把这个参数设为false。
2.添加一个dwr.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">
<dwr>
<allow>
<create creator="new" javascript="sayHelloTo" >
<param name="class" value= "com.me.dwr.HelloWorld" />
<include method="sayHello"/>
</create>
</allow>
</dwr>
配置说明:
<allow> 标签中包括可以暴露给 javascript 访问的东西。
<create> 标签中指定 javascript 中可以访问的 java 类,并定义 DWR远程调用类的实例。 creator="new" 属性指定 java 类实例的生成方式, new 意味着 DWR 应当调用类的默认构造函数来获得实例,其他的还有 spring 方式,通过与 IOC 容器 Spring 进行集成来获得实例等等。 javascript=" sayHelloTo" 属性指定 javascript代码访问对象时使用的名称。
<param> 标签指定要公开给 javascript 的 java 类名。
<include> 标签指定要公开给 javascript 的方法。不指定的话就公开所有方法。
<exclude> 标签指定要防止被访问的方法。
java类(定义了一个sayHello方法):
package com.me.dwr;
public class HelloWorld {
public String sayHello(String name){
return "hello,"+name;
}
}
DWR可以通过2中dwr.xml配置在javascript中调用HelloWorld中的sayHello方法。
在javascript中调用之前,我们先来测试一下,我们dwr配置以及方法是否正确,我们发布工程,启动tomcat,在地址栏中输入http://${ip}:${port}/${app}/dwr(参考1中注解)
如果你看到Dwr Test Index页面说明你配置成功了。
那么在javascript中如何dwr中配置的类和方法呢?
<%@ page language="java" pageEncoding="gbk"%>
<html>
<head>
<title>Dwr 调用测试</title>
<!--这里sayHelloTo.js 是通过dwr.xml中配置的create标签中javascript配置的值是一致的 -->
<script src='dwr/interface/sayHelloTo.js'></script>
<script src='dwr/engine.js'></script>
<script src='dwr/util.js'></script>
<script type="text/javascript">
function btn_onClick(){
var username = document.myform.name.value;
//调用dwr.xml中配置的类方法,回调函数callback带有返回的结果集
sayHelloTo.sayHello(username,callback);
}
function callback(data){
document.getElementById("info").innerText=data;
}
</script>
</head>
<body>
<form name="myform" method="post">
<input type="text" id="name" name="name"/>
<input type="button" value="sayHello" onclick="btn_onClick()"/>
<div id="info"></div>
</form>
</body>
</html>
我在下面附件中给大家提供了dwr2.0.jar,commons-logging.jar。
分享到:
相关推荐
6. **实例详解**:"简单的实例"可能包括创建一个简单的页面,利用DWR调用后端的一个Java方法,该方法可能是从数据库获取数据并返回,然后在前端动态更新HTML元素显示这些数据。 7. **错误处理与调试**:学习如何...
接下来,我们来看一个简单的DWR入门实例: 1. **环境准备**:确保你的项目已经集成了Servlet容器(如Tomcat),并添加了DWR的依赖库到类路径。 2. **创建Java类**:首先,创建一个简单的Java类,例如`HelloWorld....
### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR(Direct Web Remoting)是一种简化...无论是简单的登录验证还是复杂的菜单刷新功能,DWR都能很好地胜任,是学习和开发Web应用程序的一个非常实用的工具。
Direct Web Remoting (DWR) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java代码进行交互,从而实现动态Web应用程序。DWR简化了Ajax开发,使得前端和后端之间的通信变得简单而高效。这个"**dwr ...
在本文中,我们将深入探讨DWR(Direct Web Remoting)技术,通过一个具体的入门实例来了解如何使用DWR与Ajax进行交互。DWR是一种开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时、双向...
在“dwr的入门实例”中,我们将探索如何设置和使用DWR来创建一个简单的Ajax应用。这个实例可以帮助初学者理解DWR的工作原理和基本配置步骤,以便在实际项目中应用。 1. **安装与配置DWR** - 首先,你需要将DWR的...
DWR入门涉及以下几个关键知识点: 1. **配置DWR**:首先,你需要在项目中集成DWR,这通常包括在`web.xml`中配置DWR的Servlet,以及在项目的类路径下创建`dwr.xml`配置文件,用于声明暴露给JavaScript的Java类和方法...
本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...
这是写了个下拉框的例子,Java 开发人员与网页设计人员的桥梁 DWR,具有javascript和servlet共有的优点,方便客户端用户使用操作,
DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器...
DWR的核心功能是提供了一个简单的方法来调用服务器上的Java方法,并将结果直接返回到客户端的JavaScript中。 本套DWR学习资料旨在帮助初学者快速掌握DWR的基本概念和使用技巧。通过实例和详细的说明,你可以系统地...
**DWR入门(二)用户实例** DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在浏览器和服务器之间进行实时、双向通信,从而实现Web应用中的Ajax功能。DWR使得开发者能够像操作本地对象一样操作服务器端...
通过“Dwr入门详细例子.doc”文档,初学者可以期待学习以下内容: 1. **安装与配置**:如何在项目中集成DWR,配置DWR的XML配置文件,以及在web.xml中设置必要的servlet。 2. **基本使用**:如何创建第一个DWR示例...
8. **实例项目**:通过"**dwr小项目**",你将有机会实践DWR的使用,比如创建一个简单的Ajax应用,展示DWR如何实现动态数据更新、无刷新页面操作等。 9. **错误处理和调试**:学习如何调试DWR相关的JavaScript错误和...
10. **实例分析**:在"DWR入门demo"中,你可能会看到一个简单的例子,如创建一个计数器服务,客户端通过JavaScript调用服务器的增减方法,实时更新页面上的计数值。 通过深入学习和实践这个"DWR入门demo",你将能够...
DWR(Direct Web Remoting)是一个开放源码的JavaScript库,它使得在浏览器端与Java后端进行异步通信变得更加简单。DWR的核心功能是提供一种安全、高效的方法,允许JavaScript与服务器上的Java对象直接交互,类似于...
通过JavaScript,你可以创建一个DWR的实例,然后调用其方法。例如,`DWRUtil.useCSS("/dwr/css/dwr.css");`用于加载DWR的样式表,而`new YourServerClass().yourMethod(args);`则可以调用服务器上的`...