`

Ajax的开源项目DWR的入门指导

    博客分类:
  • DWR
阅读更多
ajax开源项目dwr的使用:
用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值
给JavaScript就好像直接本地客户端调用一样.

1:下载dwr.jar文件,将其加入到web工程的lib下;
2:在web.xml文件中配置如下信息:
   <servlet>
      <servlet-name>dwr-invoker</servlet-name>
      <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
   </servlet>
   <servlet-mapping>
      <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
   </servlet-mapping>
     其中url-pattern中必须配置为 “/dwr/* ”,不能为工程的名称!!


3:在web.xml同级中增加文件dwr.xml,此文件是javaScript中调用的方法,影射到class类
   例如:
    <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "
http://www.getahead.ltd.uk/dwr//dwr20.dtd">
   <dwr>
    <!-- without allow, DWR isn't allowed to do anything -->
      <allow>
        <create creator="new" javascript="MyTest" scope="application">
           <param name="class" value="com.test.ajax.DWRTest"/>
        </create>
        <create scope="application" creator="new" javascript="showData">
         <param name="class" value="com.test.ajax.HelloName"/>
        </create>
      </allow>
   </dwr>
在allow节点中定义要影射的class类,并且给其class类起一个javaScript的名字,以便在
javaScript中调用。

4:然后定义class文件
   package com.test.ajax;
   public class DWRTest
   {
    public DWRTest(){
      
     }
     public String getMyName(){
      return "hello_ajax";
     }
   }
  
   /**
   *---------------------------------------------------
   **/
   package com.test.ajax;
   public class HelloName
   {
    private String userName ;
    public HelloName(){  
    }
    /**
     * @return Returns the userName.
     */
    public String getUserName()
    {
     return "helloTest";
    }
    /**
     * @param userName The userName to set.
     */
    public void setUserName(String userName)
    {
     this.userName = userName;
    }
   }


5: 这时就可以在html或jsp中调用此class文件了,调用方式如下
   一下为测试的 html文件
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <title>DWR - My First AJAX</title>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
      <script type='text/javascript' src='dwr/interface/MyTest.js'></script>
      <script type='text/javascript' src='dwr/interface/showData.js'></script>
      <script type='text/javascript' src='dwr/engine.js'></script>
      <script type='text/javascript' src='dwr/util.js'></script>
      <script language="javascript">
       var mycall=function callBack(data){
       DWRUtil.setValue("demo1",data);
       DWRUtil.setValue("demo2","leo_wang");
       DWRUtil.setValue("userName",data);
       }
       function showMyName(){
        //MyTest.getMyName(mycall);
        showData.getUserName(mycall);
       }
   
       function clearName(){
        demo1.value="";
        demo2.value="";
       }
      </script>
      </head>
    <body>
    <h1>Ajax Test Page</h1>
    <input type="button" value="setMyName" onclick="javascript:showMyName()">
    <input type="button" value="Clear" onclick="javascript:clearName()"><br>
    <input type="text" id="demo1">
    <input type="text" id="demo2">
    <input type="test" id="userName">userName
    </body></html>

   在调用javaScript前要先引入刚才在dwr.xml中定义的javaScript
   <script type='text/javascript' src='dwr/interface/MyTest.js'></script>
   <script type='text/javascript' src='dwr/interface/showData.js'></script>
   <script type='text/javascript' src='dwr/engine.js'></script>
   <script type='text/javascript' src='dwr/util.js'></script>
   前面两行是我们刚才定义的javaScript的引入,后面两行是dwr中的本身定义的javaScript

分享到:
评论

相关推荐

    AJAX技术之DWR框架入门

    **AJAX技术之DWR框架入门** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种技术可以提升...

    Ajax学习之dwr入门详细实例

    在本文中,我们将深入探讨DWR(Direct Web Remoting)技术,通过一个具体的入门实例来了解如何使用DWR与Ajax进行交互。DWR是一种开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时、双向...

    Ajax框架DWR 入门例子

    DWR (Direct Web Remoting) 是一个开源的Ajax框架,它允许JavaScript在浏览器端与Java在服务器端进行直接通信,从而实现动态、无刷新的Web应用程序。本入门例子旨在帮助初学者快速理解并掌握DWR的基本用法和功能。 ...

    Ajax学习——DWR的参考书和实用案例学习总结

    DWR(Direct Web Remoting)是一种优秀的开源框架,专门用于简化Web应用程序中的Ajax(Asynchronous JavaScript and XML)开发。Ajax技术允许网页在不刷新整个页面的情况下与服务器进行交互,提高了用户体验。DWR...

    开发ajax之dwr入门例子

    DWR (Direct Web Remoting) 是一个开源Java库,它允许Web开发者在浏览器和服务器之间进行实时、异步的数据交换,极大地简化了AJAX(Asynchronous JavaScript and XML)的开发。DWR使得JavaScript可以直接调用Java...

    Ajax资料,DWR框架资料

    **DWR(Direct Web Remoting)**是一个开源Java框架,它简化了在Web应用中使用Ajax的过程。DWR允许JavaScript在浏览器端直接调用服务器端的Java方法,而无需传统的HTTP请求。这极大地提高了Web应用的交互性和实时性...

    DWR中文文档 dwr入门 dwr.jar

    **DWR入门步骤:** 1. **引入依赖**:首先,你需要在项目中添加dwr.jar到类路径中,这将包含所有DWR运行所需的类和库。 2. **配置DWR**:在Web应用的Web-INF目录下创建dwr.xml配置文件,设置允许的远程接口和方法...

    DWR+dwr入门手册

    通过深入学习"DWR+dwr入门手册",你将掌握如何使用DWR构建高效的Ajax应用,提升Web应用的用户体验。记得实践中不断探索,理解DWR的原理并熟练运用到实际项目中,这将对你的IT职业生涯大有裨益。

    ajax的框架dwr整合jsf

    DWR(Direct Web Remoting)是一个开源的Java库,它允许JavaScript与服务器端的Java对象进行直接通信,实现Ajax功能。而JSF(JavaServer Faces)是Java EE平台的一部分,它提供了一种用于构建用户界面的组件模型,...

    dwr API dwr入门教程

    在DWR入门教程中,首先会介绍DWR的基本概念和工作原理。DWR的核心是将Java方法暴露给JavaScript,通过在服务器端创建一个称为"逆向Ajax"的通道,使得JavaScript能够调用远程服务器上的Java方法。这个过程涉及到几个...

    DWR入门例子(一个很好的dwr入门例子)

    Direct Web Remoting (DWR) 是一种开源的Java库,它允许JavaScript在浏览器端与Java服务器端进行交互,实现AJAX功能。通过DWR,你可以像操作本地对象一样调用远程服务器上的Java方法,极大地提高了Web应用的用户体验...

    Dwr入门操作手册及dwr包

    **DWR(Direct Web Remoting)入门操作手册及DWR包** DWR,全称Direct Web Remoting,是一个...通过深入学习"Dwr入门操作手册"并实践使用"dwr.jar",你可以掌握如何利用DWR构建交互性更强、用户体验更好的Web应用。

    dwr入门资料,简单入门,让你轻松掌握dwr

    在"**dwr入门资料,简单入门,让你轻松掌握dwr**"的资源中,你可以期待学习到以下关键知识点: 1. **DWR的基本概念**:理解DWR的核心概念,如Remoting、Reverse Ajax和Caching,以及如何通过DWR实现浏览器与服务器...

    STRUT2 DWR 入门STRUT2 DWR 入门STRUT2 DWR 入门STRUT2 DWR 入门

    总结来说,STRUT2 DWR入门涉及到的主要内容包括理解DWR的核心概念,了解STRUT2与DWR的集成方式,掌握DWR的配置和使用步骤,关注安全性与性能优化,以及在实际项目中的应用。通过学习和实践,开发者能够利用这两者的...

    DWR入门教程及实例(含源代码)

    本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...

    dwr入门例子 返回list

    在“dwr入门例子 返回list”这个主题中,我们将深入探讨如何使用DWR从服务器返回列表数据到客户端。列表通常包含多个项目,如数据库查询结果,这些数据可以在网页上以表格或其他形式展示给用户。DWR提供了方便的方法...

    dwr实例 - dwr入门 本人开发的:小游戏 大家一起来赚钱

    DWR入门涉及以下几个关键知识点: 1. **配置DWR**:首先,你需要在项目中集成DWR,这通常包括在`web.xml`中配置DWR的Servlet,以及在项目的类路径下创建`dwr.xml`配置文件,用于声明暴露给JavaScript的Java类和方法...

    Ajax&DWR帮助文档.rar

    2. 安装和配置:指导如何在项目中集成DWR,包括添加依赖、配置web.xml和dwr.xml等。 3. 使用DWR API:讲解如何使用RemoteObject、Util、逆向Ajax等核心API。 4. 安全性与跨域问题:讨论如何防止跨站脚本攻击(XSS)...

    Dwr入门Demo

    Direct Web Remoting (DWR) 是一个开源JavaScript库,它允许在浏览器和服务器之间进行实时、安全的双向通信,..."Dwr入门Demo"是一个很好的起点,通过实践,你可以逐步熟悉DWR的各种特性,并将其应用到自己的项目中。

    DWR入门例子(初学者可以参考一下,高手闪开)

    通过实践这个DWR入门例子,你将掌握如何在实际项目中运用DWR进行Ajax开发,提升Web应用的交互性和用户体验。随着对DWR深入的理解,你还可以探索其高级特性,如安全控制、缓存策略以及批量调用等,进一步优化你的Web...

Global site tag (gtag.js) - Google Analytics