DWR如何实现Ajax

这篇文章介绍的内容是关于DWR如何实现Ajax,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

一、 ajax的介绍。

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

二、 DWR的介绍

     1. 官网地址  http://directwebremoting.org

     2. DWR is Easy Ajax for Java。DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。

三、 代码实现

     1.  jar包下载

        下载地址最好去官网下载。总共不到1M,所以不需要下载多久。

        下载地址:https://github.com/directwebremoting/dwr/releases/download/3.0.2-RELEASE/dwr.jar

       

     2.  配置dwr

        (1)eclipse或者myeclipse创建web项目此处不再重复,需要注意的是最好是选择显示web.xml文件,因为后面用得到。

        (2)在WEB-INF目录下创建 dwr.xml 文件。这个就是DWR的配置文件。配置文件中的代码如下:

            其他地方一般不需要更改,需要注意的是javascript=”Demo”此处的”Demo”可以自己起名,

            还有value=”cn.smileyan.cy.Cyservice”这个也可以自己修改。注意要与src目录下一一对应。

            也就是说我在cn.smileyan.cy包下有个类名字叫做Cyservice,这个类是Ajax方法与后台交流的关键类。

nbsp;dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">                        

登录后复制

      
         (3) web.xml中添加DWR配置

   DWR Servlet  dwr-invoker    org.directwebremoting.servlet.DwrServlet        debug      true          dwr-invoker/dwr/*  

登录后复制

    3. 前端代码

        特别提醒,需要注意引入DWR的script代码,记得对应到Demo.js

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Insert title here    function doTest(){Demo.get(callback);            /*此处.get对应的是Java类中的方法*/  }    var callback = function dddddddd(data){  dwr.util.setValue("demo",data);  }      

登录后复制

    4. JAVA代码

        

package cn.smileyan.cy;public class Cyservice {public String get(String str) {return "Hello DWR !"; }}

登录后复制

  5. 运行,然后点击按钮查看效果

DWR如何实现Ajax

四、 总结

    这个例子非常简单,但是这个与简答的js实现隐藏与显示是不同的,因为这个其实是把java代码转换成js代码,也就是Cyservice类对应成了Demo.js,Demo.get方法实际调用的是Cyservice的对象的get方法。

    这样做的好处就是在没有跳转的情况下实现了与后台的交互,大大提高了用户体验。

相关推荐:

DWR 实现AJAX学习

DWR与AJAX的微妙关系

b/s模式下的即时通讯,使用ajax框架dwr实现

DWR框架体验(实现基于ajax的无刷新效果)

 

以上就是DWR如何实现Ajax的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769602.html

(0)
上一篇 2025年3月8日 12:24:07
下一篇 2025年3月8日 12:24:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Jquery Ajax请求文件下载操作失败怎么处理

    这次给大家带来Jquery Ajax请求文件下载操作失败怎么处理,处理Jquery Ajax请求文件下载操作失败的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,…

    2025年3月8日
    200
  • jQuery动态实现ajax文件下载

    这次给大家带来jQuery动态实现ajax文件下载,jQuery动态实现ajax文件下载的注意事项有哪些,下面就是实战案例,一起来看一下。 // Ajax 文件下载 jQuery.download = function(url, data,…

    编程技术 2025年3月8日
    200
  • 使用JQuery操作Ajax(附案例)

    这次给大家带来使用JQuery操作Ajax(附案例),使用JQuery操作Ajax的注意事项有哪些,下面就是实战案例,一起来看一下。 Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,…

    编程技术 2025年3月8日
    200
  • jQuery AJAX timeout 超时紧急处理方法

    这次给大家带来jQuery AJAX timeout 超时紧急处理方法,jQuery AJAX timeout 超时紧急处理的注意事项有哪些,下面就是实战案例,一起来看一下。 先给大家分析下超时原因: 1.网络不通畅。 2.后台运行比较慢(…

    编程技术 2025年3月8日
    200
  • $.ajax()使用详解

    这次给大家带来$.ajax()使用详解,$.ajax()使用的注意事项有哪些,下面就是实战案例,一起来看一下。 AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分。接下来通过本文给大家介绍ajax一些常用方…

    编程技术 2025年3月8日
    200
  • JQuery中使用Ajax操作案列详解

    这次给大家带来JQuery中使用Ajax操作案列详解,JQuery中使用Ajax操作的注意事项有哪些,下面就是实战案例,一起来看一下。  Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编…

    编程技术 2025年3月8日
    200
  • jQuery Ajax解析大全

    这次给大家带来jQuery Ajax解析大全,jQuery Ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是Ajax Ajax基本概念 Ajax(Asynchronous JavaScript and XML):翻译成…

    编程技术 2025年3月8日
    200
  • 原生js实现ajax请求方法

    这次给大家带来原生js实现ajax请求方法,原生js实现ajax请求方法的注意事项有哪些,下面就是实战案例,一起来看一下。 上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?…

    编程技术 2025年3月8日
    200
  • JS实现Ajax方法详解

    这次给大家带来JS实现Ajax方法详解,JS实现Ajax方法的注意事项有哪些,下面就是实战案例,一起来看一下。 一、什么是Ajax 不刷新的情况下读取数据或提交数据 (最早出现ajax:谷歌地图,拖动一下出现一片新的视野) 应用:用户注册、…

    编程技术 2025年3月8日
    200
  • AJAX缓存的使用方法

    这次给大家带来AJAX缓存的使用方法,AJAX缓存使用的注意事项有哪些,下面就是实战案例,一起来看一下。 做一个项目用到Ajax,开始觉得挺好,后来发现一个问题,例如删除一项,恢复之后就不能再接着删除,  必须要等一段时间,后来知道是IE缓…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论