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. gitlab的安装和基本使用

    一.gitlab的安装 1)安装依赖包 sudo yum install git vim gcc glibc-statc telnet -y sudo yum install -y curl poli ...

  2. 常用API String

    Java的API以及Object类 Java的API Java的API(API: Application(应用) Programming(程序) Interface(接口)) Java API就是JD ...

  3. JS格式化日期时间的方法

    //格式化时间的方法 function format(fmt, date) { var o = { "M+": date.getMonth() + 1, //月份 "d+ ...

  4. vue脚手架的使用

    npm install -g @vue/cli    --全局环境安装vue/cli vue create <project-name> 在创建项目时你会被提示选取一个 preset.你可 ...

  5. Js高级程序设计～读书笔记

    1.函数-函数声明和函数表达式 解析器在向执行环境加载数据时,函数声明和函数表达式的对待不同. 解析器会率先执行函数声明,将会在任何使用到它的地方前加载, 而对于函数表达式,只会在执行到的时候去加载: ...

  6. 利用IO和File类实现拷贝文件目录问题

    /* 复制文件夹 参数 File src,File dest */ public static void copy(File src,File dest){ if (src.isDirectory() ...

  7. maven 不能使用 snapshot 的解决方式

    最近项目需要用到snapshot的包来进行构建过程,但是怎么都下不了构建的snapshot包.查询了相关资料,发现网上的资料不全,特总结下: 我使用的是nexus来作为代理中央库proxy. 检查步骤 ...

  8. Notes ： <Hands-on ML with Sklearn & TF> Chapter 7

    .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px so ...

  9. Python Flask学习笔记之Hello World

    Python Flask学习笔记之Hello World 安装virtualenv,配置Flask开发环境 virtualenv 虚拟环境是Python解释器的一个私有副本,在这个环境中可以安装私有包 ...

  10. Django积木块11 —— 缓存

    缓存 Django的缓存可以缓存视图中的函数,模版中的内容,和一些不长变化的数据. # setting CACHES = { 'default':{ 'BACKEND':'django.core.ca ...