原文链接：http://blog.csdn.net/lccone/article/details/7743886

反向Ajax的基本概念是客户端不必从服务器获取信息，服务器会把相关信息直接推送到客户端。这样做的目的是解决Ajax传统Web模型所带来的一个限制：实时信息很难从技术上解决。原因是，客户端必须联系服务器，主动询问是否存在变更，如果有变更就会更新页面（或者页面的一部分）。虽然可以非常快速完成这个操作，让人感觉好像是实时的，但是实际上不是实时的。我们需要的是，服务器联系查看其页面的所有浏览器，并通告所发生的变更。
反向Ajax是克服这个限制的一种方式。像Ajax本身一样，这不是一门专门的技术，而是按照不寻常方式组合使用已有的技术达到不寻常的效果。
传统的Web模式（也就是非Ajax的应用程序）有一系列鲜明的事件。简单来说，用户在客户端的一个动作会导致向服务器发出一个请求，然后服务器按照请求进行相应处理，并把处理结果作为响应传回客户端，这个响应通常是一个完整的新的UI视图。这种处理过程反复循环，直到用户决定离开当前Web站点。在基于Ajax的应用程序的事件序列中，某个用户动作会导致对某个客户端Ajax引擎的调用，不论它是JavaScript代码，还是其他库。这个引擎会向服务器发出一个请求，服务器按照非Ajax模式进行处理，然后返回响应。响应内容首先被Ajax引擎处理，然后调用某些客户端代码以更新页面。同样，这个循环会无止境进行，直到用户离开当前页面。

现在总共有三种DWR支持的技术可以辅助完成这种技术，其中两种技术都属于"主动的"反向Ajax，第三种被认为是"被动的"反向Ajax。下面逐个讨论每种技术以及DWR提供的支持。

7.9.1 轮询
假设有个未使用AJAX的Web页面，使用<meta>刷新标签，每隔数秒就更新这个页面。这就是所说的轮询。客户端定时轮询服务器，看是否存在更新，并且显示服务器传回的当前信息。在网页上，使用一些简单的JavaScript代码以持续地更新页面，就可以实现相同的事情。确实，能够从表面实现所谓的推送，这就是轮询技术。
在Ajax中，事件流会更加复杂，但是实质上是一样的，轮询技术是两种主动式反向Ajax方法的一种，客户端在每个时间周期内向服务器发送请求，看看服务器端有没有数据更新，如果有，就向服务器请求数据。另一种主动式方法被称为Comet。
7.9.2 Comet（服务器推）
第二种主动式反向Ajax方法是Comet，这是一种基于HTTP长连接的服务器推动方式。客户端向服务器发送请求后，服务器将数据通过response发送给客户端，但并不会将此response关闭，而是一直通过response将最新的数据发送给客户端浏览器，直到客户端浏览器关闭。使用 AJAX 实现“服务器推”与传统的 AJAX 应用不同之处在于：
1. 服务器端会阻塞请求直到有数据传递或超时才返回。 
   2. 客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。 
   3. 当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务器端保存直到客户端重新建立连接，客户端会一次把当前服务器端所有的信息取回。
7.9.3 PiggyBack（回传）
PiggyBack（回传）方法是DWR提供的一种“被动式”方法。服务器端将最新的数据排成队列，然后等待客户端下一次请求，接收到请求后就将等待更新的数据发给客户端。DWR会使用默认的设置是PiggyBack，所以在默认情况下，启用反向Ajax时，不会导致服务器超载。
7.9.4 反向Ajax的配置与实现
要让DWR程序支持反向AJAX，只需要在web.xml中DWRServlet里添加一个初始化参数，添加内容为：

 
  1. <servlet>
  2.     <servlet-name>dwr-invoker</servlet-name>
  3.     <display-name>DWR Servlet</display-name>
  4.     <description>Direct Web Remoter Servlet</description>
  5.     <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  6. <init-param>
  7.          <param-name>activeReverseAjaxEnabled</param-name>
  8.          <param-value>true</param-value>
  9.      </init-param>
  10. <init-param>
  11. </init-param>
  12.    </servlet>
  13. <servlet-mapping>
  14.     <servlet-name>dwr-invoker</servlet-name>
  15.     <url-pattern>/dwr/*</url-pattern>
  16. </servlet-mapping>

如果应用的是轮询技术，则需要添加中下参数：
<param-name>org.directwebremoting.extend.ServerLoadMonitor</param-name>
<param-value>org.directwebremoting.impl.PollingServerLoadMonitor</param-value>
除了上述配置，为启用反向Ajax，在页面中还需要一些JavaScript代码，即：
dwr.engine.setActiveReverseAjax(true);
只需要上述代码和web.xml文件中的配置，就可以激活反向Ajax了。
处理轮询请求的过程通常是在服务器端编写一些代码，以更新附加到服务器端的每个客户端的会话。DWR会记录与之联系的每个客户端，分别存储每个客户端的会话。这一点与通常的HTTP会话不同。借助于此，可以调用JavaScript代码，下一个轮询请求会通知这些调用。下面就是一个处理轮询请求的例子，服务器端的发布者实现代码如下：

这里主要通过WebContext类获得DWR应用的WEB上下文，用ServletContext获得DWRServlet的上下文，以及通过WEB上下文获取访问本应用的客户端浏览器的ScriptSession。一旦获得当前页面的名称，就可以获取当前连接到这个页面的所有会话列表。然后，启用监听客户端当前页线程，把数据添加到客户端调用的方法中。
下面是在客户端执行的JSP页面文件，代码如下：

  1. <html>
  2. <head>
  3. <base href="<%=basePath%>">
  4. <title>starting page</title>
  5. <script type="text/javascript" src="dwr/interface/SendMessage.js"></script>
  6. <script type="text/javascript" src="dwr/engine.js"></script>
  7. <script type="text/javascript" src="dwr/util.js"></script>
  8. <script type="text/javascript">
  9.    function sendMessage()
  10.    {
  11.     var message=$("message").value;
  12.     SendMessage.addMessage(message);
  13.    }
  14.    function receiveMessages(messages)
  15.    {
  16.      var chatlog = "";
  17.      for (var data in messages) {
  18.        chatlog = "<div>" + dwr.util.escapeHtml(messages[data]) + "</div>" + chatlog;
  19.      }
  20.      dwr.util.setValue("list", chatlog, { escapeHtml:false });
  21.    }
  22. </script>
  23. </head>
  24. <body onload="dwr.engine.setActiveReverseAjax(true);">
  25. input message:
  26. <input id="message" type="text" />
  27. <input type="button" value="send" onclick="sendMessage()" />
  28. <br>
  29. <div id="list"></div>
  30. </body>
  31. </html>

Util类有很多很方便的方法，其中一个是setValue()。这个方法类似于在客户端执行document.getElementById("list ").innerHTML = ""，但是它会关注一些细节，比如目标元素是文本框或者其他元素。在此，使用所记录的Date域的当前值来更新list的内容。将第三个参数设为true，可以指定任何HTML内容，这样的话不会破坏客户端的任何内容
要用的java类在wr.xml文件配置内容如下：

  1. <create javascript="SendMessage" creator="new" scope="application">
  2.            <param name="class" value="com.ajax.dwr.SendMessage"></param>
  3. </create>

如果不希望使用轮询方法，那么可以非常容易地切换为用Comet方法，只需要把web.xml文件中如下代码注释掉：
<param-name>org.directwebremoting.extend.ServerLoadMonitor</param-name>
<param-value>org.directwebremoting.impl.PollingServerLoadMonitor</param-value>
如果应用PiggyBack方法，则不需要在web.xml中DWRServlet里添加上述初始化参数。
该例子中完整的web.xml配置内容如下;

发布文程序后，这里为了模拟多个用户操作，先打开两个窗口，然后在地址栏输入http://localhost:8081/Ajaxapp/GetMessage.jsp，在出现的两个页面中，分别输入不同的字符串后单击“发送”按钮，程序运行结果如图7-5所示。从运行的结果可以看出，当在一个页面发消息时，另一个页面也显示出的其他页面发送的消息。

【转】反向AJAX的更多相关文章

  1. php开发客服系统(持久连接+轮询+反向ajax 转载 http://www.tuicool.com/articles/2mU7v2R)

    php开发客服系统( 下载源码 ) 用户端(可直接给客户发送消息) 客服端(点击用户名.即可给该用户回复消息) 讲两种实现方式: 一:iframe + 服务器推技术comet(反向ajax,即服务器向 ...

  2. 30分钟学会反向Ajax

    场景1:当有新邮件的时候,网页自动弹出提示信息而无需用户手动的刷新收件箱. 场景2:当用户的手机扫描完成页面中的二维码以后,页面会自动跳转. 场景3:在类似聊天室的环境中有任何人发言,所有登录用户都可 ...

  3. 反向Ajax，实现服务器向客户端推送消息

    反向Ajax的基本概念是客户端不必从服务器获取信息,服务器会把相关信息直接推送到客户端.这样做的目的是解决Ajax传统Web模型所带来的一个限制:实时信息很难从技术上解决.原因是,客户端必须联系服务器 ...

  4. Ajax、反向Ajax和WebSocket 概念

    Ajax 异步的JavaScript和XML(Asynchronous JavaScript and XML,Ajax),一种可通过JavaScript来访问的浏览器功能特性,其允许脚本向幕后的网站发 ...

  5. HTTP 笔记与总结（9）分块传输、持久链接 与 反向 ajax（comet / server push / 服务器推技术）

    反向 ajax 又叫 comet / server push / 服务器推技术 应用范围:网页聊天服务器,例如新浪微博在线聊天.google mail 网页聊天 原理:一般而言,HTTP 协议的特点是 ...

  6. [转]30分钟学会反向Ajax

    原文链接:http://www.cnblogs.com/learnhow/p/5708364.html 场景1:当有新邮件的时候,网页自动弹出提示信息而无需用户手动的刷新收件箱. 场景2:当用户的手机 ...

  7. 反向Ajax，第2部分：WebSocket

    转自:http://kb.cnblogs.com/page/112616/ 前言 时至今日,用户期待的是可通过web访问快速.动态的应用.这一文章系列展示了如何使用反向Ajax(Reverse Aja ...

  8. php开发客服系统(持久连接+轮询+反向ajax)

    欢迎在php严程序 - php教程学习AJAX教程, 本节课讲解:php开发客服系统(持久连接+轮询+反向ajax) php开发客服系统(下载源码) 用户端(可直接给客户发送消息)客服端(点击用户名. ...

  9. 反向Ajax之Socket.io

    1.什么是反向ajax? 传统的ajax的困惑? 新需求--当服务器端数据发生变化时,客户端(浏览器端)如何即时得到通知呢? 找一些实际的案例:客服系统.在线聊天 这类应用,有一个显著的特点: 数据并 ...

  10. 反向Ajax：WebSocket

    郭晨 软件151 1531610114 WebSocket 在HTML5中出现的WebSocket是一种比Comet还要新的反向Ajax技术,WebSocket启用了双向的全双工通信信道,许多浏览器( ...

随机推荐

  1. AtCoder Grand Contest 016 F - Games on DAG

    题目传送门:https://agc016.contest.atcoder.jp/tasks/agc016_f 题目大意: 给定一个\(N\)点\(M\)边的DAG,\(x_i\)有边连向\(y_i\) ...

  2. Codeforces Round #544 (Div. 3) C. Balanced Team

    链接:https://codeforces.com/contest/1133/problem/C 题意: 给n个数, 在这n个数中选最多n个数,来组成一个队伍. 保证这n个数的最大最小差值不大于5. ...

  3. windows clone 迁移数据库

    windows clone 迁移数据库可行.(c 盘底成复制)

  4. Nagios安装与部署

    Nagios概述: Nagios是一款开源免费(也有收费版的Nagios XI)的监控工具,可以用以监控Windows.Linux.Unix.Router.Switch,可以监控指定主机的物理基础资源 ...

  5. React.js 的 context

    这一节我们来介绍一个你可能永远用不上的 React.js 特性 —— context.但是了解它对于了解接下来要讲解的 React-redux 很有好处,所以大家可以简单了解一下它的概念和作用. 在过 ...

  6. 【转】java序列化一定要应该注意的6个事项！

    1.如果子类实现Serializable接口而父类未实现时,父类不会被序列化,但此时父类必须有个无参构造方法,否则会抛InvalidClassException异常. 2.静态变量不会被序列化,那是类 ...

  7. grunt配置详情

    这个grunt配置 是我的一个程序员朋友从网上无意间看到的,然后他亲测了下,恩,是可以的.不过我到目前还未测试过是否可以. 一.安装node, 首先确保电脑已有node的环境.然后 运行  npm i ...

  8. Math.net，.net上的科学计算利器

    F#在科学计算领域的应用,包括部分语法介绍. Math.net,.net上的科学计算利器 摘要: .net上科学计算个人觉得首选numpy和scipy for dotnet.因为这两个库用户数量已经非 ...

  9. 飞秋软件的OA消息接口服务器

    由于单位使用了飞秋,同时也使用了OA,但OA的消息系统没有飞秋方便,所以大多数人还是在用飞秋沟通.但审批等流程又在OA上,所以做了个消息接口服务器,提取OA消息自动发送到飞秋上,大大方便了工作. 正好 ...

  10. 从源码中无法看出函数所在的js脚本的解决方法

    通过设置断点调试使js脚本自动出现