DWR推送技术 “

“服务器推送技术”（ServerPushing）是最近Web技术中最热门的一个流行术语。它是继“Ajax”之后又一个倍受追捧的Web技术。“服务器推送技术”最近的流行跟“Ajax”有着密切的关系。

随着Ajax技术的兴起，让广大开发人员又一次看到了使用浏览器来替代桌面应用的机会，并且这次机会非常大。Ajax将整个页面的刷新变成页面局部的刷新，并且数据的传送是以异步方式进行，这使得网络延迟带来的视觉差异将会消失。

但是，在浏览器中的Ajax应用中存在一个致命的缺陷无法满足传统桌面系统的需求。那就是“服务器发起的消息传递”（Server-Initiated Message Delivery）。在很多的应用当中，服务器软件需要向客户端主动发送消息或信息。因为服务器掌握着系统的主要资源，能够最先获得系统的状态变化和事件的发生。当这些变化发生的时候，服务器需要主动的向客户端实时的发送消息。例如股票的变化。在传统的桌面系统这种需求没有任何问题，因为客户端和服务器之间通常存在着持久的连接，这个连接可以双向传递各种数据。而基于HTTP协议的Web应用却不行。

开始就简单介绍DWR技术的背景，下面来看下一个简单的Demo

附上简单的目录结构以及几个重要的代码：

MessagePush.java

package com.visec; import java.util.Collection; import java.util.Date; import java.util.concurrent.locks.ReentrantLock; import org.directwebremoting.ScriptSession; import org.directwebremoting.proxy.dwr.Util; import com.sun.org.apache.bcel.internal.generic.DADD; import uk.ltd.getahead.dwr.WebContext; import uk.ltd.getahead.dwr.WebContextFactory; /** * MessagePush * @author Dana·Li */ @SuppressWarnings({ "unused","deprecation" }) public class MessagePush{ @SuppressWarnings("unchecked") void send(String msg){ WebContext webContext = WebContextFactory.get(); String ip = webContext.getHttpServletRequest().getRemoteAddr().toString();//获取客户端IP
    String page = "/DwrInvoker/index.jsp";               DWR为项目名称,页面为index.html
    Collection<ScriptSession> sessions = webContext.getScriptSessionsByPage(page); Util util = new Util(sessions); util.addFunctionCall("dwrtest",ip + ": " + msg);             dwrtest为javascript函数 
 } }

当然这里有些会不理解，dwrtst的作用是干嘛的，dwrtest为Javascript函数，后面的Index.jsp中会提到

dwr.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
  <allow>
    <create creator="new" javascript="MessagePush">
        <param name="class" value="com.visec.MessagePush"></param>
    </create>
  </allow>
</dwr>

<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http:java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <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> </web-app>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>DwrInvoker</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/MessagePush.js"></script> <script type="text/javascript"> function dwrtest(data) { document.getElementById("area").innerHTML = document.getElementById("area").innerHTML+ "\n" + data; } function send(msg) { if (event.keyCode == 13) { MessagePush.send(msg); } } </script> </head> <body onload="dwr.engine.setActiveReverseAjax(true);"> <textarea style="width: 800px; height: 600px;" id="area"> </textarea> <br /> <input type="text" style="width: 800px;" id="in" onkeyup="send(this.value)" /> </body> </html>

猜你在找的Ajax相关文章