1. 本示例在第一篇架构基础上添加代码

2. 首先修改web.xml里dwr的servlet配置：

 <!-- 配置dwr请求的servlet -->

 <servlet>

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

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

     <init-param>

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

3. 在CoreServlet.java里添加推送消息的方法

 public void send(final String msg) {

     // 将接收到的内容推送到所有的浏览器

     Browser.withAllSessions(new Runnable() {

         @Override

         public void run() {

             Util.setValue("msg", msg);

         }

     });

 }

4. 新建client.jsp用于接受服务器推送的请求

 <%@ page language="java" import="java.util.*" pageEncoding="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_demo</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/CoreServlet.js'></script>

 </head>

 <body>

     <h1>服务器推送的内容</h1>

     <span id="msg"></span>

 </body>

 <script type="text/javascript">

     window.onload = function() {

         //开启逆向Ajax功能

         dwr.engine.setActiveReverseAjax(true);

     }

 </script>

 </html>

5. 修改index.jsp为：

 <%@ page language="java" import="java.util.*" pageEncoding="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_demo</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/CoreServlet.js'></script>

 </head>

 <body>

     <input type="button" value="发送" onclick="sayHello();">

     <br>

     <input type="text" id="getHello">

     <input type="button" value="发送" onclick="getHello();">

     <input type="text" id="getHelloValue">

     <br>

     <input type="text" id="sendMsg">

     <input type="button" value="推送" onclick="sendMsg();">

 </body>

 <script type="text/javascript">

     function sayHello() {

         CoreServlet.sayHello();

     }

     function getHello() {

         var name = dwr.util.getValue("getHello");

         CoreServlet.getHello(name, function(data) {

             dwr.util.setValue("getHelloValue", data);

         });

     }

     function sendMsg() {

         var msg = dwr.util.getValue("sendMsg");

         CoreServlet.send(msg);

     }

 </script>

 </html>

6. 测试（注意，需要JDK1.7及以上）

DWR第二篇之逆向Ajax的更多相关文章

  1. DWR第三篇之逆向Ajax升级

    1. 本示例在第二篇架构基础上添加代码 2.在client.jsp开头的地方添加如下代码: 本示例需要做的是定向推送,那么就需要浏览器进行登录,从而进行定向的推送功能,为了节省时间,这里不做登录模块了 ...

  2. 【DWR系列02】-DWR逆向Ajax即服务器推送

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

  3. 解剖SQLSERVER 第二篇 对数据页面头进行逆向（译）

    解剖SQLSERVER 第二篇  对数据页面头进行逆向(译) http://improve.dk/reverse-engineering-sql-server-page-headers/ 在开发Orc ...

  4. angularjs学习第三天笔记（过滤器第二篇---filter过滤器及其自定义过滤器）

    您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点 ...

  5. 撩课-Web架构师养成系列(第二篇)-async

    前言 Web架构师养成系列共15篇,每周更新一篇,主要分享.探讨目前大前端领域(前端.后端.移动端)企业中正在用的各种成熟的.新的技术.部分文章也会分析一些框架的底层实现,让我们做到知其然知其所以然. ...

  6. [ 高并发]Java高并发编程系列第二篇--线程同步

    高并发,听起来高大上的一个词汇,在身处于互联网潮的社会大趋势下,高并发赋予了更多的传奇色彩.首先,我们可以看到很多招聘中,会提到有高并发项目者优先.高并发,意味着,你的前雇主,有很大的业务层面的需求, ...

  7. 从0开始搭建SQL Server AlwaysOn 第二篇（配置故障转移集群）

    从0开始搭建SQL Server AlwaysOn 第二篇(配置故障转移集群) 第一篇http://www.cnblogs.com/lyhabc/p/4678330.html第二篇http://www ...

  8. (转)从0开始搭建SQL Server AlwaysOn 第二篇（配置故障转移集群）

    原文地址:  http://www.cnblogs.com/lyhabc/p/4682028.html 这一篇是从0开始搭建SQL Server AlwaysOn 的第二篇,主要讲述如何搭建故障转移集 ...

  9. 深入理解javascript对象系列第二篇——属性操作

    × 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...

随机推荐

  1. 关于python的展望

    在未接触这门课程以前,我完全对编程一类的操作毫无兴趣.但在短短的两星期时间里,我改变了想法,原因有二.其一是老师幽默,其二是课程实用性高.我希望课程以后可以继续沿用现在由浅入深,给予足够提示的方式,引 ...

  2. 第三周助教工作总结——NWNU李泓毅

    本周点评作业数量:第一部分是第一篇博客的剩余部分,给出了共计22份作业的具体分数.第二部分是第二篇博客的已提交部分共计19份作业. 这是我的博客地址:https://www.cnblogs.com/N ...

  3. P1081 开车旅行(Not Finish)

    https://www.luogu.org/problemnew/show/P1081

  4. vs C++ scanf 不安全

    项目->属性-> c/c++->预处理器->预处理器定义->加入下面这句: _CRT_SECURE_NO_DEPRECATE

  5. JavaScript基础视频教程总结（081-090章）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  6. JavaScript基础视频教程总结（071-080章）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. ajax轮询与长轮询

      刚刚网了关于轮询的知识,必须拿到自己这里来做个备份了! 其实以前用ajax轮询做个及时数据更新的,只是当时做了不知道那个就是轮询. 首先我们什么时候会想到用轮询技术呢? 一般而言,最多的是及时信息 ...

  8. Python基础-数据类型-转摘

    1.数字 2 是一个整数的例子.长整数 不过是大一些的整数.3.23和52.3E-4是浮点数的例子.E标记表示10的幂.在这里,52.3E-4表示52.3 * 10-4.(-5+4j)和(2.3-4. ...

  9. OC中NSString的使用、字符串的使用

    字符串作为OC语言的基本对象类型,被我们在各种地方广泛使用,因此熟悉掌握字符串的属性和方法,是OC必不可少的基础之一. 字符串分为可变字符串(NSMutableString)和不可变字符串(NSStr ...

  10. 简单了解Django

    Django 是开源代码web应用的框架,由python完成,django的主要目的是简便,快速开发数据库驱动网站 主要用于测试,运维,自测. 1.下载Django. 个人建议使用命令pip inst ...