dwr2.0的jar包，还需要同时导入log4j.jar和commons-loggin.jar

首先是配置文件:

 <!-- DWR配置 -->

     <servlet>

         <servlet-name>dwr-invoker</servlet-name>

         <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>

         <init-param>

             <param-name>debug</param-name>

             <param-value>true</param-value>

         </init-param>

           <init-param>

              <param-name>crossDomainSessionSecurity</param-name>

              <param-value>false</param-value>

       </init-param>

       <init-param>

             <param-name>allowScriptTagRemoting</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>

在web.xml的同级目录下建立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>

         <!-- javascript="DWRUserAccess" 表示提供给前台页面调用的javascript文件是DWRUserAccess.js

             convert用于数据类型转换,即java类和javascript之间相互转换-->

         <create creator="new" javascript="service" scope="application">

             <param name="class" value="helloWorld.Service"></param>

         </create>

         <create creator="new" javascript="DWRUserAccess">

             <param name="class" value="com.dwr.DWRUserAccess" />

         </create>

         <convert converter="bean" match="com.dwr.User" />

     </allow>

 </dwr>

user.java

 package com.dwr;

 public class User {

     private String id;

     private String name;

     private String password;

     private String email;

     public String getName() {

         return name;

     }

     public void setName(String name) {

         this.name = name;

     }

     public String getPassword() {

         return password;

     }

     public void setPassword(String password) {

         this.password = password;

     }

     public String getId() {

         return id;

     }

     public void setId(String id) {

         this.id = id;

     }

     public String getEmail() {

         return email;

     }

     public void setEmail(String email) {

         this.email = email;

     }

 }

userDao.java

 package com.dwr;

 import java.util.HashMap;

 import java.util.Map;

 public class UserDAO {

     //存放保存的数据

     private static Map dataMap = new HashMap();

   //持久用户

     public boolean save(User user){

         if (dataMap.containsKey(user.getId()))

             return false;

           System.out.println("下面开始保存用户");

           System.out.println("id："+user.getId());

           System.out.println("password："+user.getPassword());

           System.out.println("name："+user.getName());

           System.out.println("email："+user.getEmail());

           dataMap.put(user.getId(), user);

           System.out.println("用户保存结束");

           return true;

     }

     //查找用户

     public User find(String id) {

       return (User)dataMap.get(id);

     }

 }

People.java

 package com.dwr;

 public class People {

     public String getName(){

         return "guoyansi";

     }

 }

DWRUserAccess.java

 package com.dwr;

 public class DWRUserAccess {

     UserDAO userDAO = new UserDAO();

     public boolean save(User user) {

       return userDAO.save(user);

     }

     public User find(String id) {

       return userDAO.find(id);

     }

 }

test.jsp

 <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

     <base href="<%=basePath%>">

     <title>测试dwr</title>

 <script src="dwr/engine.js"></script>

 <script src="dwr/util.js"></script>

 <script src="dwr/interface/DWRUserAccess.js"></script>

   </head>

   <body>

     <B>用户注册</B>

     <br> ------------------------------------------------

     <Br>

     <form name="regForm">

         登陆ID：<input type="text" name="id"><br>

         口 令：<input type="password" name="password"><br>

         姓 名：<input type="text" name="name"><br>

         电子邮件：<input type="text"    name="email"><br>

         <input type="button" name="submitBtn" value="提交" onclick="OnSave()"><br>

     </form>

     <br>

     <br>

     <B>用户查询</B>

     <br> ------------------------------------------------

     <Br>

     <form name="queryForm">

         登陆ID：<input type="text" name="id"><br>

         <input type="button" name="submitBtn" value="提交" onclick="OnFind()"><br>

     </form>

     <br>

     <script type="text/javascript">

         function saveFun(data) {

             if (data) {

                 alert("注册成功！");

             } else {

                 alert("登陆ID已经存在！");

             }

         }

         function OnSave() {

             var userMap = {};

             userMap.id = regForm.id.value;

             userMap.password = regForm.password.value;

             userMap.name = regForm.name.value;

             userMap.email = regForm.email.value;

             DWRUserAccess.save(userMap, saveFun);

         }

         function findFun(data) {

             if (data == null) {

                 alert("无法找到用户：" + queryForm.id.value);

                 return;

             }

             alert("找到用户，nid：" + data.id + "，npassword：" + data.password

                     + "，nname：" + data.name + "，nemail：" + data.email);

         }

         function OnFind() {

             DWRUserAccess.find(queryForm.id.value, findFun);

         }

     </script>

   </body>

 </html>

test1.jsp

 <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

     <base href="<%=basePath%>">

     <title>测试dwr</title>

 <script type='text/javascript' src='dwr/engine.js'></script>

 <script type='text/javascript' src='dwr/util.js'></script>

 <script type='text/javascript' src='dwr/interface/service.js'></script>

 <script type="text/javascript">

     function firstDwr(){

         service.sayHello("jiuzi",callBackHello);

     }

     function callBackHello(data){

         alert(data);

     }

 </script>  

   </head>

   <body>

     <button onclick="firstDwr()">测试</button>

   </body>

 </html>

dwr入门的更多相关文章

  1. DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  2. DWR入门实例(二)

    DWR(Direct Web Remoting) DWR is a Java library that enables Java on the server and JavaScript in a b ...

  3. DWR入门的例子(一个)

    DWR(Direct Web Remoting)是WEB远程调用框架.使用这种框架使AJAX发展至今已成为非常easy.使用DWR能client利用JavaScript直接调用服务端的Java方法并返 ...

  4. [JavaEE] DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  5. DWR实现扫一扫登录功能

    前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...

  6. jQuery UI框架

    jQuery UI框架 1.oschina开源社区-jQuery教程 2.jQuery PrimeUI(推荐) 3.弹出框.警告框.提示框.拖动支持.位置固定.选项卡切换 4.Bootstrap框架( ...

  7. DWR3.0框架入门（2） —— DWR的服务器推送

    DWR3.0框架入门(2) —— DWR的服务器推送 DWR 在开始本节内容之前,先来了解一下什么是服务器推送技术和DWR的推送方式.   1.服务器推送技术和DWR的推送方式   传统模式的 Web ...

  8. 【DWR系列01】-DWR简介及入门例子

    .literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...

  9. DWR应用—快速入门篇

    DWR(Direct Web Remoting)是一个Ajax的开源框架,用于改善web页面与Java类交互的远程服务器端的交互体验. 官网:http://directwebremoting.org/ ...

随机推荐

  1. xenserver

    Citrix XenServer is the complete server virtualization platform from Citrix. citrix xenserver是来自citr ...

  2. linux node&& npm 安装方式

    1.  编译好的文件 简单说就是解压后,在bin文件夹中已经存在node以及npm,如果你进入到对应文件的中执行命令行一点问题都没有,不过不是全局的,所以将这个设置为全局就好了. cd node-v0 ...

  3. 在Eclipse中使用JUnit4进行单元测试

    在Eclipse中使用JUnit4进行单元测试(初级篇) 在Eclipse中使用JUnit4进行单元测试(中级篇) 在Eclipse中使用JUnit4进行单元测试(高级篇)

  4. 如何将XSD文件以及引入import的文件生成相应的C#类。

    下将微软的 Sample Code Generator 1.4.2.1 如果链接不可以用,请到google上搜索,并安装. 拷贝要生成的XSD相关文件到安装目录,MS-DOS下进入安装目录. 执行命令 ...

  5. maven项目依赖小试牛刀

    1.先建立空的wbh-parent,留下pom.xml;将项目中用的jar包依赖全放进去: 2.建立core项目,当然全是maven的,这个建好后,是用来让其他项目引用的,所以必须用maven ins ...

  6. R(二): http与R脚本通讯环境安装

    结合实际的工作环境,在开始R研究的时候,首先着手收集的就是能以Web方式发布R运行结果的基础框架,无耐的是,R一直以来常使用于个人电脑的客户端程序上,大家习惯性的下载R安装包,在自己的电脑上安装 -- ...

  7. openstack（liberty）: devstack之stack.sh分析

    学习openstack,从devstack入手,是个不错的选择.devstack中,首先需要分析stack.sh都做了些什么! 这里面涉及到了很多shell的基础知识.我就做个简单的梳理,方便后续查阅 ...

  8. [转]Java获取当前路径

    1.利用System.getProperty()函数获取当前路径:System.out.println(System.getProperty("user.dir"));//user ...

  9. 用JS获取DropDownList选中得值

    HTML: <asp:DropDownList ID="DropdownList1" runat="server" AutoPostBack=" ...

  10. 文字对齐之text-align总结

    一.文字对齐总结: 下面是我实际运用中遇到的问题总结: css代码: 效果(段落文字没有对齐): 去掉html中的<p>标签,css样式同样去掉p标签,效果如下(达到预期效果): 为什么在 ...