`

DWR反向Ajax技术

    博客分类：
  • DWR
DWRAjaxServletJavaScriptJavaEE 
阅读更多

常规的Web应用和通常的Ajax应用都要满足“请求--响应”模型。在反向Ajax模型中，服务器的Java方法可以“直接修改”浏览器里的Web页面，改变Web页面中组件的状态，服务器可以主动将最新的信息发送给浏览器。。

 

使用反向Ajax，要修改两个地方来启动反向Ajax：

  1. 修改web.xml文件中的DwrServlet的配置，指定启动反向Ajax

  2. 修改HTML页面代码，指定该页面启动反向Ajax技术

先修改web.xml文件，在DWR核心Servlet中加一个属性pollAndComeEnabled = true 
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	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_2_5.xsd">
  <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>
  <!-- 启动反向Ajax -->
  <init-param>
      <param-name>pollAndCometEnabled</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>
 Java处理类 
package com.lbx.dwr;

import java.util.Collection;

import org.directwebremoting.ScriptSession;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
import org.directwebremoting.proxy.dwr.Util;

public class DWRHelper {

	public void addMessage(String text) {
		System.out.println("客户端传来：" + text);

		WebContext wctx = WebContextFactory.get();
		String currentPage = wctx.getCurrentPage();
		System.out.println("currentPage:" + currentPage);

		// 通过scriptsession调用js函数，操作dom。就像我们给sessson中放置内容一样轻松。
		// 获得正在交互的浏览器上下文：ScriptSession,再得到工具Util
		Util utilThis = new Util(wctx.getScriptSession());
		utilThis.setValue("text", ""); // 操作客户端DOM模型！
		utilThis.addFunctionCall("ggg", "服务器数据！"); // 执行客户端的函数！

		// 获得正在访问chat.jsp所有的浏览器客户端.在服务器端直接调用操作所有客户端内容
		Collection<ScriptSession> sessions = wctx
				.getScriptSessionsByPage(currentPage);

		// 用户每点一次刷新就会生成新的scriptsession对象。
		// 所以，为了有效管理scriptsession，我们专门维护一个map.

		for (ScriptSession object : sessions) {
			System.out.println("ScriptSessionID:" + object.getId());
		}

		Util utilAll = new Util(sessions);
		// 调用一个客户端的js函数！
		utilAll.addFunctionCall("addChatMsg", text);
	}

}
 dwr.xml文件的配置 
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="DWRHelper">
      <param name="class" value="com.lbx.dwr.DWRHelper"/>
    </create>
  <!-- 
    <create creator="new" javascript="Demo">
      <param name="class" value="com.cssxt.dwr.MyTestDwr"/>
    </create>
    
    <convert match="com.cssxt.dwr.Person" converter="bean"></convert> 
      javabean的转化 
    -->
     
  </allow>
</dwr>
 客户端JSP代码 
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
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>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script type='text/javascript' src='dwr/util.js'></script>
		<script type='text/javascript' src='dwr/engine.js'></script>
		<script type='text/javascript' src='dwr/interface/DWRHelper.js'></script>
		<script type="text/javascript">
			    function sendMessage() {
			      DWRHelper.addMessage($("text").value);
			    }
			    function  addChatMsg(msg){
			    	var d2 = document.createElement("div");
			    	d2.innerHTML=msg;
			    	$("div1").appendChild(d2);
			    }
			    
			    function ggg(g){
			    	alert("ggg:"+g);
			    }
		</script>
	</head>

	<body onload="dwr.engine.setActiveReverseAjax(true);">
		聊天记录：
		<div id="div1">
		</div>

		我说：
		<input id="text" />
		<input type="button" value="Send" onclick="sendMessage()" />
		</p>

		<hr />
	</body>

</html>
 

分享到：
| 使用DWR注解Annotation
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    总的来说，DWR通过反向AJAX技术简化了服务器和客户端之间的通信，使得开发实时更新的应用变得更加便捷。通过学习和理解DWR的工作原理以及如何在项目中应用，你可以创建出更加动态、响应式的Web应用程序。

    dwr反向Ajax的三种情况

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

    dwr课件，java，反向ajax

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

    基于DWR反向AJAX的Web监控系统

    摘 要： 采用DWR框架和反向AJAX，结合Java多线程技术和Siemens Simatic S7-400 PLC TCP/IP通讯模块CP243-1 IT，开发了新的Web监控系统，并应用在供热公司供热管路监控系统中。其替代了原有的C/S模式的工业控制机，...

    DWR让Ajax如此简单

    DWR（Direct Web Remoting）是一种JavaScript库，它允许Web应用程序实现服务器端与客户端之间的实时、双向通信，无需使用复杂的Ajax技术。DWR使得开发者能够像调用本地JavaScript函数一样轻松地调用服务器上的Java...

    反向ajax教程 （自己整理的两篇）

    反向Ajax，也称为Comet...总之，反向Ajax是Ajax技术的一种扩展，通过服务器主动推送数据增强了Web应用的实时性。通过轮询、Comet和PiggyBack等技术，开发者可以构建更加动态和响应式的Web应用，提供更优质的用户体验。

    DWR学习资料

    DWR学习资料 :DWR 3.0 上传文件.txt DWR3.0反向Ajax示例.txt DWR3.0...多人聊天室.doc 反向Ajax技术实例.txt 基于DWR反向AJAX的Web监控系统.doc 深入学习DWR3.0.txt 实战dwr.doc 使用Jetty和DWR创建伸缩性Comet程序.txt

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

    如果你还是停留在原来的ajax层面的话，这次绝对...DWR出2.0版了,其中最大的亮点就是Reverse Ajax技术!传统的浏览器发起请求服务器返回响应,而现在通过反向ajax可以由服务器向浏览器发响应但是不需要浏览器提供请求。...

    dwr反向ajax

    dwr一个后台推送的demo sendMsg.jsp 填写表单点击发送 --&gt;showMsg.jsp会显示出来内容 如果实现纯后台推送：比如其他平台推送的信息，如何从后台直接更新showMsg.jsp页面 稍微变通下第三方访问指定地址LoginAction....

    反向ajax聊天简单例子

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

    dwr3.0反向实例

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

    反向Ajax的聊天室

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

    dwr3ReverseAjax示例

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

    DWR反向推送

    总的来说，DWR反向推送技术为开发富互联网应用（RIA）提供了一种有效的方法，让Web应用更加互动和实时。通过深入理解和实践DwrTest项目，你可以更好地掌握如何在实际项目中利用DWR实现各种功能。

    使用DWR开发AJAX For J2EE

    - **反向AJAX (Reverse AJAX)**：DWR的核心是反向AJAX，即服务器主动推送数据到客户端，而不是传统的客户端发起请求获取数据。 - **远程调用 (Remote Method Invocation)**：DWR允许JavaScript直接调用服务器上的...

    DWR AJAX框架（包含使用教程）

    DWR的核心概念是反向Ajax，它创建了一种机制，使得JavaScript可以直接调用服务器端的Java方法，就像它们是本地函数一样。这样，开发者可以轻松地将服务器端的功能暴露给前端，而无需手动处理XMLHttpRequest对象。 ...

    DWR例题课堂代码 用DWR实现ajax

    1. **反向Ajax**：DWR通过在浏览器端创建一个JavaScript对象，使得JavaScript可以直接调用服务器端的Java方法，实现了从客户端到服务器端的反向请求。 2. **映射机制**：DWR使用配置文件（如`dwr.xml`）定义哪些...

    反向Ajax的小例子

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

    Ajax框架:简单的dwr实例

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

    dwr 实现推技术 实例

    通过这个简单的点对点聊天实例，我们可以深入理解DWR如何实现反向Ajax和推送技术，以及如何在实际项目中应用。同时，这也是一个很好的起点，可以进一步扩展到群聊、文件传输等更复杂的Web交互场景。在实际开发中，...

Magicbox
Global site tag (gtag.js) - Google Analytics