`

DWR反向Ajax的一个简单Web聊天

    博客分类:
  • DWR
阅读更多

web.xml文件的配置
<?xml version="1.0" encoding="GBK"?>
<web-app 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" version="2.5">
	<!-- 配置DWR的核心Servlet -->
	<servlet>
		<!-- 指定DWR核心Servlet的名字 -->
		<servlet-name>dwr-invoker</servlet-name>
		<!-- 指定DWR核心Servlet的实现类 -->
		<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
		<!--  指定DWR核心Servlet处于调试状态 -->
		<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>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<!-- 指定核心Servlet的URL映射 -->
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<!-- 指定核心Servlet映射的URL -->
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
</web-app>
 Java处理类
package com.lbx.dwr.chat;

import java.util.Collection;
import java.util.LinkedList;

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

public class JavaChat
{
	//保存聊天信息的List对象
	private LinkedList<ChatMsg> messages = new LinkedList<ChatMsg>();
	
	public void addMessage(String text)
	{
		if (text != null && text.trim().length() > 0)
		{
			messages.addFirst(new ChatMsg(text));
			//最多保留10条聊天记录
			while (messages.size() > 10)
			{
				messages.removeLast();
			}
		}
		WebContext wctx = WebContextFactory.get();
		//以当前WebContext关联的ScriptSession创建Util
		Util utilThis = new Util(wctx.getScriptSession());
		//使用utilThis清除text文本框的内容
		utilThis.setValue("text", "");
		//获取当前页面的url
		String currentPage = wctx.getCurrentPage();
		//获取正在浏览当前页的所有浏览器会话
		Collection sessions = wctx.getScriptSessionsByPage(currentPage);
		//以sessions创建Util对象
		Util utilAll = new Util(sessions);
		//删除chatlog列表里的所有列表项
		utilAll.removeAllOptions("chatlog");
		//使用messages集合里集合元素的text属性为chatlog添加列表项
		utilAll.addOptions("chatlog" , messages , "text");
	}
}
 
package com.lbx.dwr.chat;

public class ChatMsg
{
	//ChatMsg包装的字符串
	private String text;
	public ChatMsg()
	{
	}

	public ChatMsg(String text)
	{
		this.text = text;
	}
	//text属性的setter和gette方法
	public void setText(String text)
	{
		this.text = text;
	}
	public String getText()
	{
		return text;
	}
}
 dwr.xml文件的配置
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
	"http://getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
	<allow>
		<create creator="new" javascript="chat" scope="application">
			<param name="class" value="com.lbx.dwr.chat.JavaChat"/>
		</create>
		<convert converter="bean" match="com.lbx.dwr.chat.ChatMsg"/>
  </allow>
</dwr>
 客户端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 XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>反向Ajax的聊天室</title>
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type='text/javascript' src='dwr/engine.js'></script>
		<script type='text/javascript' src='dwr/interface/chat.js'></script>
		<script type='text/javascript' src='dwr/util.js'></script>
		<script type="text/javascript">
		function sendMessage()
		{
			//调用远程Java方法,无需回调函数
			chat.addMessage(dwr.util.getValue("text"));
		}
		</script>
	</head>
	<!-- 本页面启用反向Ajax -->
	<body onload="dwr.engine.setActiveReverseAjax(true);">
		
		<h3>
			反向Ajax的聊天室
		</h3>
		<div style="width: 460px; height: 200px; border: 1px solid #999999">
			<ul id="chatlog"></ul>
		</div>
		<br />
		输入您的聊天信息:
		<input id="text" onkeypress="dwr.util.onReturn(event, sendMessage);"/>
		<input type="button" value="发送" onclick="sendMessage()" />
	</body>
</html>
 

分享到:
评论

相关推荐

    dwr反向Ajax的三种情况

    DWR(Direct Web Remoting)是一种Java库,它允许Web应用程序实现实时的双向通信,即反向Ajax。反向Ajax是指服务器能够主动地向客户端浏览器推送数据,而不仅仅是响应客户端的请求。DWR提供了三种反向Ajax技术,分别...

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

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

    dwr课件,java,反向ajax

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

    反向Ajax的聊天室

    在《基于J2EE的Ajax宝典》中,可能会详细讲解如何使用DWR来创建一个反向Ajax聊天室。首先,你需要设置DWR配置,包括在Web应用的WEB-INF目录下创建dwr.xml文件,定义允许的Java方法供JavaScript调用。接着,你会在...

    DWR让Ajax如此简单

    - **Reverse Ajax(反向Ajax)**: DWR实现了反向Ajax,即服务器可以主动推送数据到客户端,而不仅仅是响应客户端的请求。 - **Caching(缓存)**: DWR支持缓存服务器端的响应,提高性能,减少网络流量。 ### 2. ...

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

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

    反向ajax聊天简单例子

    "反向Ajax聊天简单例子"中包含的主要文件可能是一个名为`dwrtest`的文件夹,这通常代表Direct Web Remoting (DWR)的一个测试案例。DWR是一款开源的Java库,它允许JavaScript在浏览器端直接调用Java方法,从而实现...

    Ajax框架:简单的dwr实例

    通过实践一个简单的DWR实例,你可以更好地理解如何在实际项目中使用它来构建高效、响应式的Web应用。随着对DWR的深入理解和应用,你会发现它不仅可以提升开发效率,还能显著提升应用的用户体验。

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

    DWR(Direct Web Remoter)是一个开源JavaScript库,它提供了反向Ajax的支持。启用DWR的反向Ajax功能只需在`web.xml`的DWRServlet配置中添加初始化参数`activeReverseAjaxEnabled`并设置其值为`true`。 反向Ajax的...

    dwr3ReverseAjax示例

    在这个“dwr3ReverseAjax示例”中,我们将深入探讨如何利用DWR 3.x版本来构建一个基于Ajax的简单Web聊天应用。 首先,DWR的核心功能是通过HTTP协议实现在客户端JavaScript和服务器端Java之间的远程方法调用(Remote...

    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

    DWR反向推送

    在DwrTest项目中,可能包含了一个简单的聊天应用示例,展示了如何使用DWR实现这一功能。 **使用DWR的步骤** 1. **引入依赖**: 在Java项目中添加DWR相关的jar包。 2. **配置DWR**: 在web.xml中配置DWR的拦截器和上...

    dwr3.0反向实例

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

    DWR AJAX框架(包含使用教程)

    DWR (Direct Web Remoting) 是一个开源的Java框架,它允许Web应用程序在客户端与服务器之间进行实时的、异步的数据交换,极大地提升了用户体验。DWR利用AJAX(Asynchronous JavaScript and XML)技术,实现了浏览器...

    使用DWR开发AJAX For J2EE

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

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

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

    利用dwr实现Ajax

    DWR (Direct Web Remoting) 是一个开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行异步通信,实现Ajax(Asynchronous JavaScript and XML)功能。DWR简化了Ajax开发,使得开发者可以方便地...

    dwr实现的网页即时聊天

    每个用户都能即时看到其他用户发送的消息,这需要在服务器端维护一个聊天室状态,并通过DWR将新消息推送给所有在线用户。 6. **DWR配置与集成**: 首先,需要在项目中引入DWR库,然后配置DWR的`dwr.xml`文件以暴露...

    工业电子中的基于DWR反向AJAX的Web监控系统

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

Global site tag (gtag.js) - Google Analytics