zoukankan      html  css  js  c++  java
  • DWR第二篇之逆向Ajax

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

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

     1 <!-- 配置dwr请求的servlet -->
     2 <servlet>
     3     <servlet-name>dwr-invoker</servlet-name>
     4     <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
     5     <init-param>
     6         <param-name>activeReverseAjaxEnabled</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>

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

    1 public void send(final String msg) {
    2     // 将接收到的内容推送到所有的浏览器
    3     Browser.withAllSessions(new Runnable() {
    4         @Override
    5         public void run() {
    6             Util.setValue("msg", msg);
    7         }
    8     });
    9 }

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

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%
     3     String path = request.getContextPath();
     4     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
     5 %>
     6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     7 <html>
     8 <head>
     9 <base href="<%=basePath%>">
    10 <title>dwr_demo</title>
    11 <script type='text/javascript' src='dwr/engine.js'></script>
    12 <script type='text/javascript' src='dwr/util.js'></script>
    13 <script type='text/javascript' src='dwr/interface/CoreServlet.js'></script>
    14 </head>
    15 <body>
    16     <h1>服务器推送的内容</h1>
    17     <span id="msg"></span>
    18 </body>
    19 <script type="text/javascript">
    20     window.onload = function() {
    21         //开启逆向Ajax功能
    22         dwr.engine.setActiveReverseAjax(true);
    23     }
    24 </script>
    25 </html>

    5. 修改index.jsp为:

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%
     3     String path = request.getContextPath();
     4     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
     5 %>
     6 
     7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     8 <html>
     9 <head>
    10 <base href="<%=basePath%>">
    11 
    12 <title>dwr_demo</title>
    13 <script type='text/javascript' src='dwr/engine.js'></script>
    14 <script type='text/javascript' src='dwr/util.js'></script>
    15 <script type='text/javascript' src='dwr/interface/CoreServlet.js'></script>
    16 </head>
    17 
    18 <body>
    19     <input type="button" value="发送" onclick="sayHello();">
    20     <br>
    21     <input type="text" id="getHello">
    22     <input type="button" value="发送" onclick="getHello();">
    23     <input type="text" id="getHelloValue">
    24     <br>
    25     <input type="text" id="sendMsg">
    26     <input type="button" value="推送" onclick="sendMsg();">
    27 </body>
    28 <script type="text/javascript">
    29     function sayHello() {
    30         CoreServlet.sayHello();
    31     }
    32     function getHello() {
    33         var name = dwr.util.getValue("getHello");
    34         CoreServlet.getHello(name, function(data) {
    35             dwr.util.setValue("getHelloValue", data);
    36         });
    37     }
    38     function sendMsg() {
    39         var msg = dwr.util.getValue("sendMsg");
    40         CoreServlet.send(msg);
    41     }
    42 </script>
    43 </html>

    6. 测试(注意,需要JDK1.7及以上)

  • 相关阅读:
    PHP-配置方法
    正则表达式-基础使用整理
    SEO-长尾词与分词技术
    SEO-站外优化规范
    SEO-站内优化规范
    SEO-友情链接注意事项
    java netty之ServerBootstrap的启动
    [curator] Netflix Curator 使用
    Netty5.x中新增和值得注意的点
    带连接池的netty客户端核心功能实现剖解
  • 原文地址:https://www.cnblogs.com/Oven5217/p/7456445.html
Copyright © 2011-2022 走看看