`

反向Ajax技术dwr

 
阅读更多
反向Ajax技术是服务器向客户端主动的发关数据,很大的减少了服务的负担。
学习新的知识点就要多写些自己的Demo,在这里写一个最简单的例子,以作笔记:

sendMsg.jsp负责向表中添加数据(更新数据库),showMsg.jsp用来实时显示前者添加的信息。
dwr.xml

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr//dwr30.dtd"> <dwr> 
    <allow> 
        <create creator="new" javascript="SendMsg" scope="session"> 
            <param name="class" value="com.dwr.bean.SendMsg" /> 
        </create> 
    </allow>    
</dwr>
SendMsg.java

package com.dwr.bean;  
   
import java.util.Collection;  
import java.util.LinkedList;  
 
import org.directwebremoting.WebContext;  
import org.directwebremoting.WebContextFactory;  
import org.directwebremoting.proxy.dwr.Util;  
/**   
* DWR反向Ajax示例   
* @author ︶ㄣ旺
* @version 1.0   
* */    
public class SendMsg      
{     
    public static WebContext wctx = null;    
      
    //用一个List代表数据库 来储存消息  
    private LinkedList list = new LinkedList();  
      
    //调用添加和显示方法     
    public void sendMsg(String msg)     
    {     
          
        list.addFirst(msg);  
        //最多保留10条聊天记录  
        if(list.size()>10){  
            list.removeLast();  
        }             
          
        wctx = WebContextFactory.get();     
        Util utilThis = new Util(wctx.getScriptSession());     
          
        //使用utilThis重置 Id 属性为 msg 的文本框的内容  
        utilThis.setValue("msg", "请输入信息");   
          
        String currentPage = "/login/showMsg.jsp"; //要推信息的页面地址    
          
        //获得所有已经打开此页面的会话  
        Collection sessions = wctx.getScriptSessionsByPage(currentPage);     
        Util utilAll = new Util(sessions);  
          
        //将消息从LinkedList中取出来,放放到一个字符串数组中  
        String[] msgs = new String[list.size()];  
        msgs = (String[]) list.toArray(msgs);  
        //先清空页面的消息内容,去除ul元素下所有元素  
        utilAll.removeAllOptions("ul");          
        //向页面添加消息内容  
        utilAll.addOptions("ul", msgs);  
    }     
}
sendMsg.jsp

<%@ page language="java" pageEncoding="UTF-8"%>   
<%@ page isELIgnored="false" %>    
<html>     
  <head>     
    <title>DWR反向Ajax示例</title>     
    <meta http-equiv="pragma" content="no-cache">     
    <meta http-equiv="cache-control" content="no-cache">     
    <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/SendMsg.js'></script>     
    <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>     
    <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>    
    <script type="text/javascript">     
        function sendMessage()     
        {     
            var msg = $("msg").value;             
            SendMsg.sendMsg(msg);   
        }     
    </script>     
  </head>     
  <body>      
  DWR反向Ajax示例信息添加<br>     
        输入信息:<input  type="text" id="msg" name="msg" onkeypress="dwr.util.onReturn(event,sendMessage)"> 
  </body>     
</html>
showMsg.jsp

<%@ page language="java" pageEncoding="UTF-8"%>     
<%@ page isELIgnored="false" %> 
<html>     
  <head>     
    <title>DWR反向Ajax示例</title>     
    <meta http-equiv="pragma" content="no-cache">     
    <meta http-equiv="cache-control" content="no-cache">     
    <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>     
    <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>     
      
  </head>     
  <body onload="dwr.engine.setActiveReverseAjax(true);">      
  DWR反向Ajax示例信息显示<br>     
     ul:  
     <ul id="ul"> 
       
     </ul>     
  </body>    
   
</html>  


运行效果如图:

这时showMsg.jsp一直处于失去焦点状态,却能实时地显示服务器端更新的数据



分享到:
评论

相关推荐

    dwr的例子 反向AJAX 实现时时提醒

    Direct Web Remoting (DWR) 是一个开源Java库,它允许在浏览器和服务器之间进行安全、高效的异步通信,即所谓的“反向AJAX”或“Comet”技术。DWR使得JavaScript能够调用服务器端的Java方法,就像它们是本地函数一样...

    dwr反向Ajax的三种情况

    DWR提供了三种反向Ajax技术,分别是轮询、Comet和PiggyBack。 1. **轮询(Polling)**: 轮询是最基础的反向Ajax技术。客户端每隔一定时间(例如几秒或几十秒)就向服务器发送一个请求,询问是否有新数据。如果有...

    dwr课件,java,反向ajax

    它允许JavaScript在客户端与服务器端的Java对象之间进行直接调用,无需刷新页面,从而实现了所谓的“反向Ajax”或者“富互联网应用”(RIA)的功能。本课件主要涵盖了DWR的基本用法和常见操作,包括数据类型的处理、...

    ajax的DWR框架入门例子

    4. **反向AJAX(Reverse AJAX)**:DWR实现了反向AJAX,即服务器可以主动向客户端推送数据,而不仅仅是响应客户端的请求。 接下来,我们将探讨如何使用DWR进行基本操作: 1. **创建Java类**:首先,我们需要在...

    java_ajax框架dwr

    1. **反向Ajax(Reverse Ajax)**:DWR的核心是反向Ajax技术,它打破了传统的请求-响应模式,允许服务器主动推送数据到客户端,而不必等待用户的触发。 2. **Java远程调用(Remote Method Invocation, RMI)**:DWR...

    反向ajax教程 (自己整理的两篇)

    反向Ajax,也称为Comet技术,是一种创新的Web应用通信模式,旨在克服传统Ajax模型中的实时性问题。在传统的Ajax应用中,客户端通过异步请求来获取服务器端的更新,这种方式并不真正实时,因为更新依赖于客户端的定期...

    反向ajax技术实现聊天室功能

    如果你还是停留在原来的ajax层面的话,这次绝对让你眼前一亮。绝对不贵哦,大家下了就知道了... ...传统的浏览器发起请求服务器返回响应,而现在通过反向ajax可以由服务器向浏览器发响应但是不需要浏览器提供请求。...

    反向ajax聊天简单例子

    总结,"反向Ajax聊天简单例子"是一个学习反向Ajax技术的实践项目,通过DWR框架实现了服务器主动推送消息的聊天功能。理解并实践这个例子,有助于开发者掌握Ajax的高级用法,提升Web应用的实时性和互动性。

    反向Ajax的聊天室

    总结来说,反向Ajax聊天室是利用DWR框架实现的一种Web应用,它利用Ajax技术提供实时的聊天体验,而不需要用户频繁刷新页面。《基于J2EE的Ajax宝典》提供了详细的教学指导,涵盖了从服务器端到客户端的完整实现过程。...

    非常实用的ajax和dwr应用的实例

    1. **反向Ajax**:DWR允许服务器主动向客户端推送数据,而不仅仅是响应客户端的请求。 2. **安全机制**:DWR有内置的安全机制,如JavaScript防篡改,确保只有授权的代码可以执行。 3. **映射和转换**:DWR自动处理...

    dwr3ReverseAjax示例

    在描述中提到的“反向Ajax”(Reverse Ajax)是一种技术,它使得服务器可以主动向客户端推送数据,而不仅仅局限于客户端发起请求后服务器响应的传统模式。DWR支持这种模式,通过建立持久连接或者利用浏览器的长轮询...

    AJAX技术之DWR框架入门

    3. **Reverse AJAX**:DWR实现了反向AJAX,即服务器主动推送数据到客户端。这对于实时应用(如聊天室、股票报价)非常有用。 4. **AutoComplete**:DWR提供了自动完成功能,用于在输入框中实现下拉提示,提高用户...

    ajax_DWR 中文文档

    1. **DWR的基本概念**:包括DWR的工作原理,如反向AJAX、CORS(跨源资源共享)支持、安全性等基础概念。 2. **安装与配置**:如何在项目中引入DWR库,配置DWR的`dwr.xml`文件,以及在Web应用服务器上的部署步骤。 ...

    反向Ajax的小例子

    dwr实现的在线即时聊天demo,比较简化的一个反向ajax例子, &lt;br&gt;everse Ajax主要是在BS架构中,从服务器端向多个浏览器主动推数据的一种技术。它的一种实现就是客户端向服务器请求后,服务器不立即回应,从而导致一...

    ajax 框架 dwr java

    - **Reverse Ajax**:DWR的反向Ajax功能,允许服务器主动推送数据到客户端。 ### 3. 使用DWR的步骤 1. **安装与配置**:将DWR库添加到项目类路径中,配置web.xml文件,注册DWRServlet。 2. **创建Java类和方法**:...

    ajax框架dwr例子.rar

    - **反向AJAX**:DWR的核心技术就是反向AJAX,即由服务器主动向浏览器发送数据,而不是等待用户触发请求。 - **Remote Object**:DWR将服务器端的Java对象映射为JavaScript对象,使得在JavaScript中可以直接调用...

    Ajax的DWR入门例子

    - **配置web.xml**:在web.xml中添加DWR的Servlet配置,启用调试模式,并设置主动反向Ajax。 4. **运行与测试**: - 创建HTML或JSP页面,使用JavaScript调用SayHello.SayHelloByName()方法,传递参数并接收返回值...

    dwr3.0反向实例

    DWR (Direct Web Remoting) 是一个开源Java库,它允许在浏览器和服务器之间进行实时的、异步的通信,即所谓的反向Ajax技术。在"DWR 3.0反向实例"中,我们将深入探讨这个版本的新特性、配置过程以及如何通过一个简单...

    Ajax框架:简单的dwr实例

    1. **Reverse AJAX**:DWR的核心特性之一是反向AJAX,即服务器主动向客户端推送数据,而不仅仅是响应客户端的请求。这使得用户界面可以实时更新,提高了用户体验。 2. **JavaBeans与JavaScript对象映射**:DWR自动...

Global site tag (gtag.js) - Google Analytics