1、下载dwr依赖的jar包dwr.jar
2、新建一个web工程，名称为dream,将jar包拷到lib下
3、配置web.xml,如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<!-- 配置dwr处理器 -->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
4、编写Java类如下：
package com.main;
public class Check {
public boolean check(String name,String password){
if(name.endsWith("123") && password.endsWith("123"))
return true;
else
return false;
}
}
5、编写dwr.xml，在其中配置Java类，如下：
<?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="Check"><!--此javascrit配置后，dwr就自动生成Check.js,在页面js中就可以直接使用Check来调用Check类中的方法 -->
<param name="class" value="com.main.Check"></param>
</create>
<create creator="new" javascript="Hello">
<param name="class" value="com.main.Hello"></param>
</create>
</allow>
</dwr>
6、编写jsp文件，如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DWR示例</title>
<!-- 加载dwr依赖的js文件 -->
<script type="text/javascript" src="/dream/dwr/engine.js"></script>
<script type="text/javascript" src="/dream/dwr/util.js"></script>
<!-- 加载结束 -->
<!-- 加载在dwr中配置的javascript属性，由dwr自动生成的js文件 -->
<script type="text/javascript" src="/dream/dwr/interface/Check.js"></script>
<script type="text/javascript">
function login(){
var name = dwr.util.getValue("name");
var password = dwr.util.getValue("password");
Check.check(name,password,function (ok){//其中ok是Check类中的check(String name,String password)的返回值
if(ok==true){
document.getElementById("loginDiv").style.visibility = "hidden";
document.getElementById("resultDiv").style.visibility = "visible";
document.getElementById("resultDiv").innerHTML = "<font color=red size=8>欢迎你，登陆成功！</font>";
}else{
document.getElementById("resultDiv").style.visibility = "visible";
document.getElementById("resultDiv").innerHTML = "<font color=red size=8>用户名或密码错误！</font>";
}
});
}
</script>
</head>
<body>
<div id="resultDiv" style="border-color: green;border-width: 1px;border-style: outset;width: 50%;visibility: hidden;">
</div>
<div id="loginDiv" style="visibility: visible;">
姓名：<input type="text" name="name" id="name">
<br><br>
密码：<input type="password" name="password" id="password">
<br><br>
<input type="button" value="提交" onclick="login()">
</div>
</body>
</html>
分享到：
相关推荐
### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR（Direct Web Remoting）是一种简化Ajax应用开发的技术框架。它能够使客户端的JavaScript代码直接调用服务器端的Java方法，实现数据的实时交互。与传统...
通过实践一个简单的DWR实例，你可以更好地理解如何在实际项目中使用它来构建高效、响应式的Web应用。随着对DWR的深入理解和应用，你会发现它不仅可以提升开发效率，还能显著提升应用的用户体验。
自己写的dwr实例。方便大家学习,包括jar文件，希望对大家有帮助
这个"**dwr.demo dwr实例**"很可能是用来展示如何在实际项目中集成和使用DWR的示例代码。在深入探讨之前，让我们先理解一下DWR的基本概念。 DWR的核心功能是提供了一个JavaScript API，使得JavaScript可以调用...
dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr...
这个压缩包文件"dwrtest"很可能包含了9个经典的DWR实例，这些实例通常会展示DWR的主要功能和用法。以下是关于DWR的一些关键知识点的详细介绍： 1. **远程方法调用(RMI-like)**: DWR的核心特性是能够像本地方法一样...
3. **DWR实例操作** - **创建JavaBean**：例如创建一个名为`User`的Java类，包含姓名和年龄属性及对应的getter、setter方法。 - **配置dwr.xml**：声明`User`类及其方法为可远程访问。 - **生成JavaScript接口**...
在这个“dwr实例”中，提供的内容可能是为了帮助初学者快速理解和应用DWR框架。通过直接运行的示例，学习者可以直观地看到DWR如何工作，如何在前端和后端之间传递数据，以及如何实现实时更新的Web界面。这对于理解...
API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例
dwr实例包
在你提供的实例中，“dwr实例，从后台取数据显示”表明这是一个使用DWR从服务器获取数据并在前端展示的简单应用。 1. **DWR的工作原理**：DWR通过在服务器上设置一个代理，允许JavaScript调用Java方法，就像它们是...
在DWR实例开发中，通常包含以下步骤： 1. **配置DWR**：在Web应用的`web.xml`中配置DWR的Servlet和过滤器，以及相关的安全设置。 2. **创建Java类**：定义需要在客户端调用的Java类和方法。 3. **生成DWR映射**：...
在“dwr实例及简单文档”这个压缩包中，你可能会找到以下关键知识点： 1. **DWR的基本概念**：DWR的核心是提供了一种机制，使得JavaScript可以直接调用服务器端的Java方法，而无需传统的HTTP请求。这种方式称为...
在"TestDwr"这个压缩包中，我们可以预期包含了一个简单的DWR实例，展示了如何利用DWR将Java方法暴露给JavaScript来调用。以下是一些关于DWR的关键知识点： 1. **DWR配置**：DWR的使用首先需要在服务器端进行配置，...
5. **创建简单DWR实例** - 首先，你需要创建一个简单的Java类，包含一些可被调用的方法。 - 在`dwr.xml`中声明这个类，使得DWR知道哪些方法可以暴露给JavaScript。 - 在HTML页面中，引入DWR生成的JavaScript文件...
在这个"Hello DWR 实例"中，我们将深入理解DWR的工作原理及其核心概念，并通过实际运行的示例来加深理解。 DWR的主要特点在于它的反向AJAX技术，它打破了传统的客户端-服务器通信模式，使得服务器端的Java方法可以...
**Spring 整合 DWR 实例详解** Spring 框架和 Direct Web Remoting (DWR) 是两个在Web开发中广泛使用的工具。Spring 提供了一个全面的编程和配置模型，用于构建现代Java应用程序，而DWR则允许在浏览器和服务器之间...
4. **使用DWR**：创建一个DWR实例通常涉及以下步骤： - 在服务器端定义可被调用的Java类和方法。 - 在`dwr.xml`中配置这些类和方法，使其暴露给JavaScript。 - 在HTML页面中引入DWR生成的JavaScript文件。 - ...