在本人的这篇文章的基础上http://chenzheng8975.iteye.com/blog/1842080深入学习：
dwr工具类：<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
dwr转化对象和异常：
<convert converter="bean" match="com.cz.model.User"/>
<convert converter="bean" match="com.cz.model.Group"/>
<convert match="java.lang.Exception" converter="exception"/>
<convert converter="bean" match="java.lang.StackTraceElement"/>
MyDwr.java:
package com.cz.model;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.io.FileUtils;
import org.apache.commons.io.FilenameUtils;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
public class MyDwr {
public String hello(String world) {
System.out.println("hello "+world);
return "hello "+world;
}
public User load() {
User u = new User(1,"张三",new Group(1,"财务处"));
return u;
}
public List<User> list() {
List<User> users = new ArrayList<User>();
users.add(new User(1,"张三",new Group(1,"财务处")));
users.add(new User(2,"李四",new Group(2,"科技处")));
users.add(new User(3,"王五",new Group(3,"宣传部")));
return users;
}
public void add(User user) {
System.out.println(user);
}
public void deleteUser() {
throw new MyException("在删除用户的时候有错");
}
public int add(int a,int b) {
return a+b;
}
public String upload(InputStream is,String filename) throws IOException {
//WebContext可以获取HttpServlet的对象
WebContext wc = WebContextFactory.get();
HttpServletRequest req = wc.getHttpServletRequest();
String realpath = req.getSession().getServletContext().getRealPath
("upload");
String fn = FilenameUtils.getName(filename);
String filepath = realpath+"/"+fn;
FileUtils.copyInputStreamToFile(is, new File(filepath));
return filepath;
}
}
MyException.java:
package com.cz.model;
public class MyException extends RuntimeException {
public MyException() {
super();
// TODO Auto-generated constructor stub
}
public MyException(String message, Throwable cause) {
super(message, cause);
// TODO Auto-generated constructor stub
}
public MyException(String message) {
super(message);
// TODO Auto-generated constructor stub
}
public MyException(Throwable cause) {
super(cause);
// TODO Auto-generated constructor stub
}
}
***************************************************************
MyDwr.load(loadUser);
function loadUser(user) {
alert(user.id+","+user.username+","+user.group.name);
}
*************************************************************
MyDwr.list(listUser);
function listUser(users) {
for(var i=0;i<users.length;i++) {
alert(users[i].username+","+users[i].group.name);
}
}
******************************************************
var user = {id:1,username:"李四",group:{id:2,name:"网络中心"}};
MyDwr.add(user);
******************************************************
MyDwr.deleteUser({
callback:deleteUser,
errorHandler:function(msg,exception) {
alert(msg);
/*for(var ea in exception) {
alert(ea);
}
alert(exception.stackTrace);*/
alert(dwr.util.toDescriptiveString(exception,1));
}
});
function deleteUser(data) {
}
********************************************************
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=request.getContextPath
()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
<script type="text/javascript" src="<%=request.getContextPath
()%>/dwr/interface/MyDwr.js"></script>
<script type="text/javascript">
function calAdd() {
var a = dwr.util.getValue("a");
var b = dwr.util.getValue("b");
MyDwr.add(parseInt(a),parseInt(b),function(data){
alert(data);
});
}
function addAddress() {
var a = dwr.util.getValue("addressName");
var data = [{id:a,name:a}];
dwr.util.addOptions("address",data,"id","name");
}
function initAddress() {
dwr.util.removeAllOptions();
var data = [{id:1,name:"北京"},{id:2,name:"天津"},{id:3,name:"上海"}];
dwr.util.addOptions("address",data,"id","name");
}
function initUser() {
MyDwr.list(function(data){
dwr.util.addRows("user",data,cellFuncs,{ escapeHtml:false });
});
}
var cellFuncs=[
function(data){return data.id},
function(data){return data.username},
function(data){return data.group.name}
];
</script>
</head>
<body>
<input type="text" id="a"/>+<input type="text" id="b"/><input type="button"
value="获取" onclick="calAdd()">
<br/>
<select id="address">
</select>
<input type="button" value="初始化地址" onclick="initAddress()"/>
<input type="text" id="addressName"/><input type="button" value="添加"
onclick="addAddress()"/>
<table width="600" border="1">
<thead>
<tr>
<td>ID</td>
<td>username</td>
<td>groupName</td>
</tr>
</thead>
<tbody id="user">
</tbody>
</table>
<input type="button" value="初始化用户" onclick="initUser()"/>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=request.getContextPath
()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
<script type="text/javascript" src="<%=request.getContextPath
()%>/dwr/interface/MyDwr.js"></script>
<script type="text/javascript">
function upload() {
var file = dwr.util.getValue("myfile");
alert(file.value);
alert(file);
MyDwr.upload(file,file.value,function(data){
alert(data);
});
}
</script>
</head>
<body>
<input type="file" id="myfile"/>
<input type="button" value="上传文件" onclick="upload()"/>
</body>
</html>
相关推荐
《DWR学习之基础篇——深入理解Direct Web Remoting》 Direct Web Remoting（DWR）是一种开源JavaScript库，它允许在Web浏览器和Java服务器之间进行实时、双向通信，极大地简化了AJAX（Asynchronous JavaScript and...
本篇文章将深入探讨DWR的核心概念、主要功能以及如何进行实际应用。 **一、DWR的基本概念** 1. **远程方法调用（Remote Method Invocation, RMI）**: DWR的核心特性就是模拟RMI机制，使得客户端JavaScript可以直接...
AJAX实践DWR篇主要探讨了如何利用Direct Web Remoting (DWR)这一技术来实现异步JavaScript和Java通信，从而提升Web应用的用户体验。DWR允许开发者在客户端的JavaScript和服务器端的Java之间建立直接的远程调用，使得...
描述中提到的“博文链接：https://duqiangcise.iteye.com/blog/289811”指向了一篇可能详细解析DWR使用的博客文章，尽管具体内容无法在此提供，但我们可以根据这个信息推测该视频或博客将涵盖DWR的基本概念、安装、...
DWR通过提供一套简单的API，使得开发者可以轻松地实现AJAX（Asynchronous JavaScript and XML）功能，从而提高用户体验，使网页交互更加流畅。 在"XML.doc"和"XML.docx"中，可能包含了DWR配置文件的示例或解析。DWR...
本篇文章将深入讲解DWR的配置与使用。 首先，配置DWR是使用它的第一步。在DWR的配置过程中，主要涉及到两个关键文件：`dwr.xml`和`web.xml`。`dwr.xml`是DWR的核心配置文件，它定义了哪些Java类和方法可以被...
6. **与SSH框架的集成**：理解DWR如何与Spring、Struts和Hibernate等框架集成，以提高开发效率和应用性能。 7. **异常处理**：学习如何处理DWR调用过程中可能出现的错误和异常，提供友好的用户体验。 总之，这个...
这篇博文链接提供了一个对DWR2.0更深入理解的平台。 **1. 源码分析** DWR的核心是其源码，它实现了浏览器与服务器之间的异步通信。源码的分析有助于开发者理解其工作原理，包括AJAX请求的处理、反向AJAX的实现、...
本篇文章将深入探讨如何利用Ajax与DWR结合，来模仿邮箱中的草稿自动保存功能，这对于构建高效、用户友好的在线邮箱或类似应用非常有价值。 首先，让我们理解Ajax的核心概念。Ajax允许网页在不重新加载整个页面的...
标题 "dwr的一些资料" 暗示了我们即将探讨的是Direct Web Remoting (DWR) 相关的内容。DWR是一种开源JavaScript...通过学习这些内容，开发者可以提高其使用DWR和EXT开发RIA的能力，创建出更加高效、用户友好的Web应用。
本篇文章将深入探讨AjaxDWR的手册内容，帮助开发者更好地理解和运用这一强大的工具。 ### 1. AjaxDWR概述 AjaxDWR是Java开发者使用Ajax的一个便捷框架，它简化了前端JavaScript与后台Java之间的交互过程。通过DWR...
博客链接中提到的是ITEYE博客上的一篇关于DWR的文章，可能涵盖了DWR的使用方法、最佳实践以及常见问题的解决。阅读这样的文章可以帮助开发者更好地理解和掌握DWR，提升开发效率。 在压缩包中的"**DWR与界面开发**...
“工具”标签则表明DWR是一个用于Web开发的实用工具，它可以作为开发者工具箱的一部分，帮助开发者提高效率，减少手动编写AJAX代码的工作量。 【压缩包子文件的文件名称列表】：由于只有一个名为“包2”的条目，...
本篇文章将深入探讨Java对DWR的操作，帮助你理解和掌握其工作流程。 首先，我们需要了解DWR的基本概念。DWR的核心是通过HTTP异步请求在客户端JavaScript和服务器端Java之间建立通信桥梁。它提供了几种关键组件： 1...
本篇将基于dwr2chm格式的帮助文档，深入探讨DWR的相关知识点。 一、DWR概述 DWR最初由Amitayus Kurli开发，后来成为开源项目，广泛应用于各种Web应用程序中。它通过HTTP协议实现了JavaScript与Java之间的通信，消除...
通过学习“我的第一个DWR程序”，开发者可以理解DWR的基本工作流程，从而进一步探索更复杂的应用场景，比如异步数据加载、实时聊天、表单验证等。DWR是一个强大的工具，它简化了前后端通信，提高了Web应用的响应速度...
通过学习和实践DWR动态添加选择项，你可以更深入地理解DWR的工作原理，以及它如何简化JavaScript和服务器端之间的交互。这只是一个简单的示例，实际应用中，DWR可用于构建更复杂的功能，如实时数据显示、表单验证等...