`
plane
  • 浏览: 160771 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

DWR Demo

    博客分类:
  • ajax
阅读更多
下载dwr.jar 放在lib下
在web.xml中加入如下代码:
<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<display-name>DWR Servlet</display-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>


编写后台处理类:DwrTest.java和引入类DwrTestForm.java

package com.test;

import java.util.List;

import com.test.vo.DwrTestForm;

public class DwrTest {

    
	public DwrTestForm sayHello(List list) {
	    DwrTestForm dwrTestForm = new DwrTestForm();
	    dwrTestForm.setName("姓名:"+(String)list.get(0));
	    dwrTestForm.setAge("年龄:"+(String)list.get(1));
	    dwrTestForm.setSex("性别:"+(String)list.get(2));
	    dwrTestForm.setAddress("地址:"+(String)list.get(3));
	    dwrTestForm.setPhone("电话:"+(String)list.get(4));
        return dwrTestForm;
	}

	
	
}



package com.test.vo;

public class DwrTestForm
{
    String name;
    String age;
    String sex;
    String address;
    String phone;
    public String getName()
    {
        return name;
    }
    public void setName(String name)
    {
        this.name = name;
    }
    public String getAge()
    {
        return age;
    }
    public void setAge(String age)
    {
        this.age = age;
    }
    public String getSex()
    {
        return sex;
    }
    public void setSex(String sex)
    {
        this.sex = sex;
    }
    public String getAddress()
    {
        return address;
    }
    public void setAddress(String address)
    {
        this.address = address;
    }
    public String getPhone()
    {
        return phone;
    }
    public void setPhone(String phone)
    {
        this.phone = phone;
    }

}



编写dwr.xml与web.xml放入同一个目录:
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
     
    <create creator="new" javascript="Demo">
      <param name="class" value="com.test.DwrTest"/>
      <include   method="sayHello" />
    </create>
    
    <convert converter="bean" match="com.test.vo.DwrTestForm"> 
			<param name="include" value="name,age,sex,address,phone"/>
			
	</convert>
  </allow>
</dwr>




编写jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
%>
<!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=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript"
    src="../dwr/interface/Demo.js"> </script>
<script type="text/javascript"
    src="../dwr/engine.js"> </script>
    <script type="text/javascript"
    src="../dwr/util.js"> </script>
</head>
<body>
<script type="text/javascript">

    function send()
    {
        var list = new Array();
        list[0] = document.getElementById("text1").value;
        list[1] = document.getElementById("text2").value;
        list[2] = document.getElementById("text3").value;
        list[3] = document.getElementById("text4").value;
        list[4] = document.getElementById("text5").value;
        Demo.sayHello(list, callBack);
    }

    function callBack(backValue)
    {
        document.getElementById("result").innerHTML = backValue.name + " "
                + backValue.age + " " + backValue.sex + " " + backValue.address
                + " " + backValue.phone;
    }
</script>
<p>

  Name:<div><input id="text1" type="text"/></div>
  Age:<div><input id="text2" type="text"/></div>
  Sex:<div><input id="text3" type="text"/></div>
  Address:<div><input id="text4" type="text"/></div>
  Phone:<div><input id="text5" type="text"/></div>
  <input  value="Send" type="button" onclick="send()"/>
  <br/>
</p>
<div id="result"></div>
</body>
</html>



这样就可以用js调用java了

如果启动时报
java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory异常
则要在lib中加入commons-loggin.jar包
  • dwr.jar (1.1 MB)
  • 下载次数: 62
分享到:
评论

相关推荐

    dwr demo dwr简单使用

    在"Dwr demo - Dwr简单使用"这个项目中,你可以通过以下步骤了解和学习DWR的基本用法: 1. **环境准备**:首先确保你有Eclipse IDE,并且已经安装了Java Development Kit (JDK)。由于DWR是一个Java库,所以你需要一...

    dwr-demo.rar_DEMO_DWR DE_dwr Demo_list set map

    在这个"DWR Demo"中,我们将会探讨如何使用DWR框架来处理和展示常见的数据结构,如List、Set和Map。 首先,让我们深入了解DWR的核心功能。DWR允许Java方法直接被JavaScript调用,就像它们是本地函数一样,无需手动...

    dwr demo 反向推送 导向推送

    这个"**dwr demo 反向推送 导向推送**"是一个示例项目,展示了如何利用DWR来实现反向推送技术,也称为服务器推送。这种技术允许服务器主动地将数据推送到客户端,而不需要客户端不断地发起请求。 在传统的HTTP协议...

    DWRDemo.rar_DEMO_dwr Demo

    DWRDemo.rar_DEMO_dwr Demo是一个关于DWR的实际应用示例,它可以帮助我们理解DWR的工作原理和如何在项目中集成DWR。 **1. DWR的基本概念** DWR的核心是远程方法调用(Remote Method Invocation, RMI),但它是在Web...

    DWR实现DEMO

    DWR(Direct Web Remoting)是一个web远程调用框架,利用这个框架可以让AJAX变得很简单,通过DWR可以在客户端通过JavaScript直接调用服务器的Java方法并返回值给JavaScript,整个过程就好像通过本地客户端调用一样,...

    dwr demo ajax

    在这个“dwr demo ajax”项目中,我们可能找到了一个关于如何使用DWR实现Ajax功能的示例。 首先,`pom.xml`是Maven项目的配置文件,它定义了项目的依赖关系和构建设置。在这个项目中,`pom.xml`可能会包含DWR库和...

    dwr demo src

    在"DWR Demo Src"这个压缩包中,包含了DWR的示例源代码,这些代码可以帮助开发者理解和学习如何在实际项目中应用DWR。以下是一些关键的知识点: 1. **DWR的基本概念**: - **Remoting**:DWR的核心功能是远程调用...

    dwr_demo_test

    下面是对DWR及其在`dwr_demo_test`中的应用进行的详细解释。 1. **DWR的基本概念**: DWR的核心功能是提供一种安全、高效的机制,让JavaScript可以调用Java对象的方法。这涉及到几个关键组件: - **Reverse AJAX*...

    DWRDemo.rar_DWR DE_DWRdemo_dwr Demo

    DWR(Direct Web Remoting)是一个Java库,用于在Web应用程序中实现实时的客户端-服务器通信。这个"DWRDemo.rar"是一个包含DWR框架应用示例的压缩包,主要展示了如何利用DWR来实现页面的异步刷新功能,以及一个简单...

    dwr实现的服务器推demo

    在这个"**dwr实现的服务器推demo**"中,我们看到一个实例,展示了如何利用DWR的技术来实现实时的、无需刷新的服务器推送功能。 服务器推是一种技术,它允许服务器主动地将数据发送到客户端,而不需要客户端(通常是...

    DWR 修正Demo版

    **DWR(Direct Web Remoting)修正Demo版** DWR是一种开源JavaScript库,它允许Web应用程序在客户端和服务器之间进行实时通信,无需刷新页面。DWR使得开发人员能够轻松地在浏览器中调用服务器端的Java方法,就像...

    Spring集成struts2、ibatis、dwr、poi实现的demo

    使用Spring集成struts2、ibatis、poi实现的增删改查功能,包括采用jquery实现的无刷新查询机分页、dwr实现的两级联动、以及采用poi动态将数据库数据导出成excel,本demo采用mysql数据库,附有建表sql,项目导入...

    DWR 一个简单DEMO

    这个"一个简单DEMO"是关于如何使用DWR在实际项目中实现功能的示例。在这个DEMO中,我们可以期待学习到以下几个关键知识点: 1. **DWR的基本概念**:DWR允许JavaScript直接调用服务器端的Java方法,使得Web应用能够...

    dwr-demo:dwr测试项目

    在"**dwr-demo**"项目中,我们可以通过以下几个关键知识点来理解DWR的工作原理和应用: 1. **配置DWR**: 在Java项目中集成DWR通常需要在`web.xml`文件中配置DWR的servlet,例如`DWRServlet`。配置包括设置映射路径...

    spring使用annotation整合dwr笔记

    ### Spring使用Annotation整合DWR知识点解析 #### 一、概览 在现代Web开发中,Direct Web Remoting(简称DWR)是一种简化Ajax应用开发的技术,它允许JavaScript直接调用服务器端的Java方法,而无需编写复杂的XML...

    DWR框架学习demo

    **DWR(Direct Web Remoting)框架学习指南** DWR,全称为Direct Web Remoting,是一种在Web应用程序中实现客户端与服务器端之间直接通信的技术。它允许JavaScript在浏览器端直接调用Java方法,实现了真正的Ajax...

    ajax 的dwr框架的一个简单的demo

    这个“ajax的dwr框架的一个简单的demo”是一个示例项目,用于展示如何在Web应用程序中集成DWR以实现异步数据通信。 在Java开发中,DWR提供了方便的API,使得JavaScript可以调用服务器端的Java方法,而无需传统的...

    一个DWR最简单的例子,不错的哦!

    通过这个简单的DWR demo,你可以学习到如何设置DWR环境,编写可被JavaScript调用的Java方法,以及在客户端进行调用的JavaScript代码编写。这将帮助你理解DWR的工作原理,并为构建更复杂的交互式Web应用打下基础。

Global site tag (gtag.js) - Google Analytics