`
anike
  • 浏览: 15063 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

AJAX DWR基本使用向导

    博客分类:
  • AJAX
阅读更多

AJAX也许很多人比较熟悉,但是dwr可以是应用ajax变得非常的简单,大大提高开发效率,而且dwr还提供了很多有用的js代码,可以说是如虎添翼。

    应用解释可能有部分人根本不知道aJax和dwr是什么东西,用来做什么的?既然标题是基本使用,那我就从dwr有什么用来说说。一般来说,不管是jsp或者是asp要访问数据库都得submit一个form,然后获取数据库或者执行部分逻辑,接着web跳了另外一页把执行的结果显示出来。这个过程web相对于是刷新了一下。那么有什么办法可以令web不刷新,而页面又可以和数据库交互数据呢?有,就是ajax技术,利用web 对象把数据以xml方式submit到web server,然后返回结果,中间全部用javascript操作,页面不闪动或者刷新。但是自己操作xml对象未免有点小烦,能不能把这些工作集成到一个对象里面呢?能,就是dwr.下面开始教你如何使用。

    如何使用

    下载软件包http://getahead.ltd.uk/dwr/这里就可以

    安装软件包解压软件包,把dwr.jar 文件拷贝到你web项目的WEB-INF/lib 目录中,同时编辑WEB-INF/web.xml文件,在此文件中加入


    1. <servlet>
    2.   <servlet-name>dwr-invoker</servlet-name>
    3.   <display-name>DWR Servlet</display-name>
    4.   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
    5.   <init-param>
    6.      <param-name>debug</param-name>
    7.      <param-value>true</param-value>
    8.   </init-param>
    9. </servlet>
    10. <servlet-mapping>
    11.   <servlet-name>dwr-invoker</servlet-name>
    12.   <url-pattern>/dwr/*</url-pattern>
    13. </servlet-mapping>


    另外,在WEB-INF目录中建立一个dwr.xml 文件,文件内容入下
    1. <!DOCTYPE dwr PUBLIC
    2.     "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    3.     "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
    4. <dwr>
    5.   <allow>
    6.     <create creator="new" javascript="JDate">
    7.       <param name="class" value="java.util.Date"/>
    8.     </create>
    9.     <create creator="new" javascript="Demo">
    10.       <param name="class" value="your.java.Bean"/>
    11.     </create>
    12.   </allow>
    13. </dwr>


        这个可以说也是dwr的配置文件最后,重新启动你的tomcat或者resin等jsp web server.
  •     测试安装效果在ie敲入http://localhost:8080/[YOUR-WEBAPP]/dwr/
  •     如果成功显示页面,那说明你安装正确了。
  •     应用于网页测试页会显示JDate (java.util.Date) ,这个是也是例子,通过javascript调用web server中的java.util.Date,也相当于调用web server里面的一个bean.那么我们如何使用他呢?
  •     你可以在自己的html文件中加入

  •   
    1. <script type='text/javascript' src='/sc/dwr/interface/JDate.js'></script>
    2.   <script type='text/javascript' src='/sc/dwr/engine.js'></script>


    比如我们要用bean中的toLocaleString方法返回一个时间string.那么你可以在javascript中编写

    1. function displayLocaleDate()
    2. {
    3.    var str = JDate.toLocaleString();
    4.    alert(str);
    5. }


        当运行displayLocaleDate()方法就会弹出时间。
  •     总结以上只是个调用服务器Date javabean的简单例子,你可以更加自己的需要写相应的bean,可以做出非常出色的基于web聊天网站,或者实时图表显示应用。
  • 分享到:
    评论

    相关推荐

      dwr实现ajax功能ajax+dwr

      通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous JavaScript and XML)的功能,即在后台与服务器交互数据并局部更新网页。 **Ajax**的核心是利用JavaScript进行异步数据请求,...

      Ajax DWR中文文档

      Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档Ajax DWR中文文档

      AjaxDWR_Manual

      DWR的基本使用 #### 3.1 页面集成 在HTML页面中,需要引入DWR的JavaScript文件,并创建一个`&lt;script&gt;`标签来声明可调用的Java方法。 #### 3.2 异步调用Java方法 使用DWR,可以通过JavaScript的`dwr.engine.exec...

      AJAX框架DWR简单应用

      AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过深入阅读和实践,你可以掌握使用DWR进行AJAX开发的基本技能,从而提升你的Web应用交互性和性能。

      Ajax(DWR实现例子)

      这些方法需要是公共的,无参数或只接受基本类型和字符串参数,因为DWR不支持复杂的对象作为参数。 3. **生成JavaScript接口**:DWR会自动为这些Java类和方法生成JavaScript接口。这可以通过在服务器端的DWR配置文件...

      ajax的DWR框架入门例子

      接下来,我们将探讨如何使用DWR进行基本操作: 1. **创建Java类**:首先,我们需要在服务器端创建一个或多个Java类,这些类将被暴露给前端。类中的方法应具有公共访问权限,并且不涉及敏感操作。 2. **配置DWR**:在...

      AJAX DWR框架实现部分刷新效果

      学习这个案例,开发者不仅可以了解AJAX和DWR的基本工作原理,还能掌握如何在实际项目中应用它们来提升用户体验。同时,这个案例也涉及到了前后端的交互、错误处理、安全策略等多方面的知识,对全面理解Web开发有着...

      AJAX DWR教程

      DWR简化了AJAX的使用,提供了以下主要组件: - **DWR Engine**: 它是DWR的核心,处理所有与AJAX通信相关的工作,包括请求的发送、响应的处理以及JavaScript对象与Java对象之间的转换。 - **Reverse AJAX Servlet*...

      dwr和ajax使用demo

      DWR是Ajax的一种实现方式,它提供了一种更简洁、更易用的接口来使用Ajax。DWR自动处理了XMLHttpRequest对象的创建、请求的发送和响应的处理,使得开发者可以专注于业务逻辑,而不是底层的通信细节。 五、DWR使用...

      dwr.rar_ajax d_dwr_dwr ajax_dwr struts2 example_struts2 ajax dwr

      首先,让我们了解一下DWR的基本组件: 1. **CMT (Cross Page Posting)**:这是DWR的最初形式,用于在页面之间传递数据,使得前后端交互成为可能。 2. **RPC (Remote Procedure Call)**:这是DWR的核心,允许...

      适合初学者的DWR基本使用视频教程

      资源名称:适合初学者的DWR基本使用视频教程资源目录:【】dwr01_dwr的安装【】dwr02_dwr的转换器和异常处理【】dwr03_dwr的util的介绍【】dwr04_文件上传和与spring进行整合【】dwr05_dwr的debug和获取ServletAPI...

      Ajax + struts 与 ajax 的 dwr 框架的使用

      **Ajax + Struts 与 Ajax 的 DWR 框架使用详解** 在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术极大地提升了用户体验,它允许网页在不刷新整个页面的情况下与服务器进行交互。Struts作为Java EE...

      Ajax dwr 判断用户是否存在

      在客户端,我们使用DWR提供的JavaScript API发起Ajax请求,调用服务器上的`isUserExist`方法。这通常在用户输入用户名后触发,例如在表单验证时: ```javascript function checkUserExistence(username) { ...

      Ajax DWR聊天室

      Ajax使用XMLHttpRequest对象作为基础,发送异步HTTP请求,并利用JavaScript处理返回的数据。 **DWR** 是Ajax技术的一种实现方式,它简化了客户端和服务器之间的通信。DWR提供了自动转换,将Java方法直接暴露给...

      ajax dwr 框架实现二级联动下拉列表源码

      **Ajax DWR 框架实现二级联动下拉列表源码详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。DWR(Direct Web Remoting)则是一个用于Java web应用的开源...

      AJAX DWR 开发包

      综上,"AJAX DWR 开发包"是一个包含了 AJAX 技术和 DWR 库的资源集合,旨在帮助开发者学习 AJAX 并高效地使用 DWR 进行 Web 应用程序的开发。通过阅读提供的教程和帮助文档,开发者可以深入理解 AJAX 和 DWR 的工作...

      Ajax Dwr详细资料

      - DWR的基本概念和工作原理 - 安装与配置DWR - 创建Remote Java类并暴露给JavaScript - JavaScript API的使用,如`DWREngine`, `DWREngine`, `Batch`等 - 安全配置与跨域问题 - 错误处理和调试 - 实战示例,如表格...

    Global site tag (gtag.js) - Google Analytics