- 浏览: 286225 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
cheetah_ysc:
不错不错,我喜欢!
Java固定时间间隔执行 -
voyage_mh:
阿选百度竟然一下可以吧你百度出来
使用DWR注解Annotation
//-------------发送简单字符串参数,返回普通字符串--------------
function sendMessage()
{
//获取页面中name元素的值
var name = document.getElementById("name").value;
//调用远程方法,cb是回调函数
hello.hello(name , cb)
}
function cb(data)
{
document.getElementById("show").innerHTML = data;
}
//-----------发送一个JavaBean对象作为参数,返回普通字符串------------
function sendObject()
{
var nameValue = document.getElementById("name").value;
//调用远程方法,使用JavaScript对象作为参数
hello.sendObj({name:nameValue} , cb);
}
//----------------调用返回JavaBean方法-----------------
function getBean()
{
var name = document.getElementById("name").value;
//调用远程方法,beanCb是回调函数
hello.getBean(name , beanCb)
}
function beanCb(data)
{
//服务器方法返回JavaBean对象,客户端的data是JavaScript对象
document.getElementById("show").innerHTML =
data.name + ",您好,您已经学会了使用JavaBean返回值";
}
//----------------调用返回getObject方法---------------
function getObject()
{
var name = document.getElementById("name").value;
//调用远程方法,objCb是回调函数
hello.getObject(name , objCb)
}
function objCb(data)
{
//服务器方法返回非JavaBean式的对象,客户端的data是JavaScript对象
document.getElementById("show").innerHTML =
data.name + ",是从服务器返回的猫的名字";
}
//---------------调用返回集合的方法--------------
function getBeanList()
{
//调用远程方法,listCb返回回调函数
hello.getPersonList(listCb);
}
//远程Java方法返回List对象,集合元素是JavaBean式的对象
//此处的data是JavaScript对象数组
function listCb(data)
{
var result='';
//遍历每个数组元素
for (var i = 0 ; i < data.length ; i ++)
{
result += data[i].name + "<br />";
}
document.getElementById("show").innerHTML = result;
}
//---------------调用返回数组的方法--------------
function getBeanArray()
{
hello.getPersonArray(arrayCb);
}
function arrayCb(data)
{
var result = "";
//下面的data是远程Java方法的返回值,
//data是个数组,遍历数组。
for (var i = 0 ; i < data.length ; i ++)
{
//依次访问数组元素,数组元素是JSON格式的对象,访问其name属性
result += data[i].name + "<br />";
}
document.getElementById("show").innerHTML = result;
}
//---------------调用返回Map对象的方法-------------
function getBeanMap()
{
hello.getPersonMap(mapCb);
}
//远程Java方法返回Map对象,集合元素是JavaBean式的对象
//此处的data是JavaScript对象,且每个属性值都是JavaScript对象
function mapCb(data)
{
var result='';
for (var key in data)
{
result += "键为" + key + ",其值为:" + data[key].name + "<br />";
}
document.getElementById("show").innerHTML = result;
}
//---------------调用发送集合的方法-------------------
function sendBeanList()
{
//创建JavaScript数组
var args = [
{name:"客户端aaa"},
{name:"客户端bbb"},
{name:"客户端ccc"}
];
//Java方法需要List参数,以JavaScript数组作为参数调用远程方法
hello.sendList(args , sendListCb);
}
function sendListCb(data)
{
document.getElementById("show").innerHTML = data;
}
//---------------调用发送无泛型限制的集合--------------------
function sendBeanListNoGeneric()
{
//创建JavaScript数组
var args = [
{name:"客户端aaa"},
{name:"客户端bbb"},
{name:"客户端ccc"}
];
//Java方法需要List参数,以JavaScript数组作为参数调用远程方法
hello.sendListNoGeneric(args , sendListCb);
}
//---------------调用发送Map的方法-------------------------
function sendBeanMap()
{
//创建JavaScript对象
var args = {
first:{name:"客户端aaa"},
second:{name:"客户端bbb"},
third:{name:"客户端ccc"}
};
//Java方法需要Map参数,以JavaScript对象作为参数调用远程方法
hello.sendMap(args , sendMapCb);
}
function sendMapCb(data)
{
document.getElementById("show").innerHTML = data;
}
web.xml文件
<?xml version="1.0" encoding="GBK"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
<!-- 配置DWR的核心Servlet -->
<servlet>
<!-- 指定DWR核心Servlet的名字 -->
<servlet-name>dwr-invoker</servlet-name>
<!-- 指定DWR核心Servlet的实现类 -->
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<!-- 指定DWR核心Servlet处于调试状态 -->
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<!-- 指定核心Servlet的URL映射 -->
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<!-- 指定核心Servlet映射的URL -->
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
客户端处理类
package com.lbx.dwr.simplefunction;
import java.util.List;
import java.util.ArrayList;
import java.util.Map;
import java.util.HashMap;
public class HelloDwr {
// 第一个简单的hello方法
public String hello(String name) {
return name + ",您好!您已经开始了DWR的学习之旅,祝您学得开心...";
}
// 使用一个JavaBean作为参数的方法
public String sendObj(Person p) {
return p.getName() + ",您好!您已经学会了使用JavaBean参数...";
}
// 返回JavaBean实例的方法
public Person getBean(String name) {
return new Person(name);
}
// 返回一个普通的Java对象,Cat对象为其属性提供setter和getter方法
public Cat getObject(String name) {
return new Cat("服务器端" + name);
}
// 返回一个集合对象
public List<Person> getPersonList() {
List<Person> result = new ArrayList<Person>();
result.add(new Person("集合aaaa"));
result.add(new Person("集合bbbb"));
result.add(new Person("集合cccc"));
return result;
}
// 返回一个数组对象
public Person[] getPersonArray() {
Person[] result = new Person[3];
result[0] = new Person("数组aaaa");
result[1] = new Person("数组bbbb");
result[2] = new Person("数组cccc");
return result;
}
// 返回一个Map对象
public Map<String, Person> getPersonMap() {
// 创建一个Map对象
Map<String, Person> result = new HashMap<String, Person>();
// 填充Map对象的内容
result.put("first", new Person("Map aaaa"));
result.put("second", new Person("Map bbb"));
result.put("third", new Person("Map cccc"));
// 返回Map
return result;
}
// 远程方法的参数是集合
public String sendList(List<Person> pl) {
String result = "";
for (Person p : pl) {
result += p.getName() + "<br />";
}
return result;
}
// 远程方法的参数是不带泛型的集合
public String sendListNoGeneric(List pl) {
String result = "";
for (Object p : pl) {
result += ((Person) p).getName() + "<br />";
}
return result;
}
// 远程方法的参数是集合
public String sendMap(Map<String, Person> pmap) {
String result = "";
for (String key : pmap.keySet()) {
result += "键" + key + " 其值为:" + pmap.get(key).getName() + "<br />";
}
return result;
}
}
Person类
package com.lbx.dwr.simplefunction;
public class Person
{
//私有属性
private String name;
public Person() {}
//构造器
public Person(String name)
{
this.name = name;
}
//name属性的setter方法
public void setName(String name)
{
this.name = name;
}
//name属性的getter方法
public String getName()
{
return name;
}
}
Cat类
package com.lbx.dwr.simplefunction;
public class Cat
{
//Cat类的私有属性
private String name;
//构造器
public Cat(String name)
{
this.name = name;
}
}
dwr.xml文件的配置
<?xml version="1.0" encoding="GBK"?>
<!-- 指定DWR配置文件的DTD等信息 -->
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<!-- DWR配置文件的根元素是dwr -->
<dwr>
<allow>
<!-- 使用new关键资创建一个Java实例
指定创建的JavaScript对象名为hello-->
<create creator="new" javascript="hello">
<!-- 使用class属性指定创建该Java实例的实现类 -->
<param name="class" value="com.lbx.dwr.simplefunction.HelloDwr"/>
</create>
<!-- 对lee.Person类使用Bean转换器 -->
<convert converter="bean" match="com.lbx.dwr.simplefunction.Person"/>
<!-- 对lee.Cat使用Object转换器 -->
<convert converter="object" match="com.lbx.dwr.simplefunction.Cat">
<!-- 指定force="true"强制使用反射访问私有属性 -->
<param name="force" value="true"/>
</convert>
</allow>
<signatures>
<![CDATA[
import java.util.List;
import com.lbx.dwr.simplefunction.HelloDwr;
import com.lbx.dwr.simplefunction.Person;
HelloDwr.sendListNoGeneric(List<Person>);
]]>
</signatures>
</dwr>
客户端html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DWR入门</title>
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- 导入DWR为hello对象动态生成的JavaScript代码库 -->
<script type='text/javascript' src='dwr/interface/hello.js'>
</script>
<!-- 导入DWR引擎的核心JavaScript代码库 -->
<script type='text/javascript' src='dwr/engine.js'></script>
<!-- 导入开发者为本应用编写的JavaScript代码库 -->
<script type='text/javascript' src='js/hellodwr.js'></script>
</head>
<body>
<h3>
DWR入门
</h3>
请输入您的名字
<input id="name" name="name" type="text" />
<br />
<input type="button" value="发送简单请求" onclick="sendMessage();" />
<input type="button" value="发送对象参数" onclick="sendObject();" />
<input type="button" value="返回JavaBean" onclick="getBean();" />
<br />
<input type="button" value="返回Object" onclick="getObject();" />
<input type="button" value="返回Bean集合" onclick="getBeanList();" />
<input type="button" value="返回Bean数组" onclick="getBeanArray();" />
<br />
<input type="button" value="返回Bean Map" onclick="getBeanMap();" />
<input type="button" value="发送Bean集合" onclick="sendBeanList();" />
<input type="button" value="发送不带泛型限制的Bean集合"
onclick="sendBeanListNoGeneric();" />
<br />
<input type="button" value="发送Bean Map" onclick="sendBeanMap();" />
<hr />
下面是服务器的回应:
<br />
<div id="show"></div>
</body>
</html>
相应的js代码
发表评论
-
DWR反向Ajax的一个简单Web聊天
2010-12-02 17:32 2477web.xml文件的配置 <?xml version= ... -
DWR反向Ajax技术
2010-12-02 17:29 1809常规的Web应用和通常的Ajax应用都要满足“请求--响应”模 ... -
使用DWR注解Annotation
2010-12-02 17:21 2908Struts 2,Spring,Hibernate 都可以使用 ... -
DWR整合Spring
2010-12-02 17:12 1016Spring容器中的Bean可以被DWR使用:既然使用到了Sp ... -
DWR访问Servlet API
2010-12-02 17:07 1513DWR提供两种方式访问Servlet API: 使用W ... -
DWR中util.js访问HTML元素值
2010-12-02 17:00 1112访问HTML元素的值,只用getValue(elementID ... -
DWR中util.js处理表格
2010-12-02 16:54 1104util.js测试一(动态添加表格),使用dwr.util.a ... -
DWR中的util.js的使用----处理表格
2010-12-02 16:52 1127util.js测试一(动态添加表格),使用dwr.util.a ... -
DWR中的util.js的使用
2010-12-02 16:47 1102一下的程序都是在引用util.js文件的情况下运行的 ... -
DWR使用engine.js
2010-12-02 16:39 8187DWR框架会自动生成两个 ... -
DWR将客户端参数传递到回调函数
2010-12-02 16:18 1404web.xml文件配置 <?xml version=& ... -
DWR使用JSON格式的回调
2010-12-02 16:13 1284web.xml文件 <?xml version=&qu ... -
使用DWR的一个小程序
2010-12-02 16:03 1071一,将两个jar包加到lib下dwr.jar,commons- ... -
DWR框架简介
2010-12-02 15:54 1080DWR(Direct Web Remoting)是 ...
相关推荐
Direct Web Remoting (DWR) 是一种开源的Java框架,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行异步通信。DWR简化了AJAX(Asynchronous JavaScript and XML)应用的开发,使得开发者可以方便地在...
- **配置DWR**:在web应用的WEB-INF目录下创建dwr.xml文件,声明可调用的Java类和方法。 - **创建Java类和方法**:编写需要被远程调用的Java类和方法。 - **引入JavaScript库**:在HTML或JavaScript文件中引用DWR...
6. **回调函数**: 在DWR调用中,可以设置回调函数来处理服务器端返回的结果,使得异步处理更加灵活。 7. **异常处理**: DWR能够处理服务器端抛出的异常,并将其转换为客户端可读的错误信息。 8. **对象映射**: DWR...
当JavaScript调用Java方法时,DWR会自动处理请求的发送和响应的接收,将结果返回给JavaScript代码,这样可以在不刷新整个页面的情况下更新部分DOM元素。 7. **错误处理**:在前后端交互过程中,错误处理是非常重要...
DWR,全称Direct Web Remoting,是一种在Web应用程序中实现客户端JavaScript与服务器端Java代码之间直接交互的开源框架。它旨在简化远程方法调用(Remote Method Invocation,RMI)的过程,使得在浏览器环境中可以像...
在这个"ajax框架dwr程序实例源码"中,我们可以学习到以下几个关键知识点: 1. **DWR框架基础**:DWR的核心功能是将Java方法暴露给JavaScript调用,它通过动态生成JavaScript库来实现这一点。DWR提供了安全机制,如...
DWR (Direct Web Remoting) 是一个开源的Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行直接的远程方法调用。这个技术极大地简化了富互联网应用(RIA)的开发,使得开发者可以像操作本地对象...
4. **Java后端服务**:创建一个Java类并定义方法以供DWR调用。 5. **Tomcat服务器配置**:理解如何在Tomcat中部署和配置DWR应用。 6. **安全考虑**:虽然这个例子没有数据库,但实际应用中应考虑如何安全地存储和...
DWR (Direct Web Remoting) 是一个开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行异步通信,实现了类似Ajax的功能。在这个小实例中,我们将探讨如何使用DWR来实现实时的文件上传功能,这...
- **调用示例**:在HTML页面中,你会看到如何使用DWR调用服务器端方法的JavaScript代码。这通常涉及到创建远程对象实例,然后调用其方法,如`var calc = new Calculator(); calc.add(5, 3);`。 - **错误处理和调试*...
- **服务器端接口**:创建Java类和方法,使其可被DWR调用,并实现推技术的逻辑。 - **事件监听**:在客户端使用事件监听器来响应服务器推送的数据,如`DWREngine.addCallback()`。 - **安全性和优化**:考虑如何防止...
它能够使客户端的JavaScript代码直接调用服务器端的Java方法,实现数据的实时交互。与传统的Ajax相比,DWR更加便捷高效。 1. **直接调用服务器端方法**:DWR允许JavaScript直接调用Java方法,从而避免了编写复杂的...
2. 发送消息:当用户提交消息时,通过DWR调用服务器端的方法,将消息发送到服务器。 3. 接收消息:DWR的推送功能允许服务器主动将新消息推送到客户端,而不是客户端定期轮询。这样可以实现真正的实时性。 4. 显示...
2. **Servlet**:DWR在服务器端运行的一个Servlet,它处理来自客户端的请求,调用相应的Java方法,并将结果返回给客户端。 3. **配置文件**:DWR的配置文件(通常为`dwr.xml`),用于定义哪些Java类和方法可以被...
3. **反向Ajax(Reverse Ajax)**:DWR的核心特性,使服务器能够主动调用客户端的JavaScript函数,而不仅仅是响应客户端的请求。 4. **映射器(Mapper)**:将JavaScript对象转换为Java对象,反之亦然。这允许不同的...
提供的`DWR中文文档.pdf`可能包含了DWR的详细教程和使用指南,包括如何配置DWR、创建Java端接口、编写JavaScript调用代码等方面。此外,`DWRTest.rar`可能包含了一些示例项目,可以帮助开发者快速上手和理解DWR的...
3. **工作流程**:用户在浏览器中执行JavaScript函数,该函数通过DWR调用服务器上的Java方法。DWR Servlet接收请求,执行相应的Java方法,并将结果转换为JavaScript可以理解的格式返回给浏览器。 4. **主要特性**:...
Java DWR(Direct Web Remoting)3.0是用于创建动态Web应用程序的一种开源技术,它允许JavaScript在浏览器端与服务器端的Java代码进行交互。在NetBeans IDE 7.0中,DWR提供了便捷的方式来进行实时数据推送和用户登录...
- **创建Java类**:定义可被DWR调用的Java类和方法。 - **生成JavaScript接口**:使用DWR工具生成对应的JavaScript接口文件,供前端使用。 - **在JavaScript中调用**:在HTML或JavaScript文件中引入生成的...
它允许服务器端的Java代码直接调用客户端的JavaScript函数,反之亦然,从而打破了传统的HTTP请求-响应模式,提高了Web应用的交互性和实时性。本实例将通过一个点对点聊天功能的实现,深入探讨DWR的推技术。 ### DWR...