微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

DWR三使用comet实现的一个页面聊天的私聊

<p>DWR的comet的实质,就是在我们的页面进行加载的时候,或者是我们的鼠标的移动,键盘的敲击触发事件引起一个隐形的客户端向服务器的请求,这个请求是一个相当于是一次大话的拨打,只是对方那里没有给出一个相应的回应,从而我们的通信服务方也不会给我们转发信息,但是这个电话是一直保持开着的,也就是说一旦对方有话说的时候,我们是可以被服务器通知的。</p> <p>下面是我们的测试时候的后台的</p> <h2>java的</h2> <p>代码:</p> <blockquote> <p>package com.fww.service;</p> <p>import org.directwebremoting.ScriptBuffer; <br />import org.directwebremoting.ScriptSession; <br />import org.directwebremoting.ScriptSessions; <br />import org.directwebremoting.WebContext; <br />import org.directwebremoting.WebContextFactory;</p> <p>public class Test { <br /> public void test(String msg) { <br /> <br /> System.out.println(msg); <br /> <br /> WebContext context = WebContextFactory.get(); <br /> ScriptSession scriptSession = context.getScriptSession(); <br /> <br /> ScriptBuffer buffer = new ScriptBuffer(); <br /> <br /> buffer.appendScript("showMsg('" + msg + "');"); <br /> <br />// scriptSession.addScript(buffer); <br /> <br /> ScriptSessions.addScript(buffer); <br /> } <br />} <br /></p> </blockquote> <p>需要在我们的</p> <h2>web.xml</h2> <p>中进行的配置,告诉我们的服务器,这里的配置需要做一个相应的操作:</p> <blockquote></blockquote> <blockquote> <p><?xml version="1.0" encoding="UTF-8"?> <br /><web-app version="2.5" <br /> xmlns="<a href="http://java.sun.com/xml/ns/javaee"">http://java.sun.com/xml/ns/javaee"</a> <br /> xmlns:xsi="<a href="http://www.w3.org/2001/XMLSchema-instance"">http://www.w3.org/2001/XMLSchema-instance"</a> <br /> xsi:schemaLocation="<a href="http://java.sun.com/xml/ns/javaee">http://java.sun.com/xml/ns/javaee</a> <br /> <a href="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"">http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"</a>> <br /> <br /> <br /> <servlet> <br /> <display-name>DWR Servlet</display-name> <br /> <servlet-name>dwr-invoker</servlet-name> <br /> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <br /> <init-param> <br /> <param-name>debug</param-name> <br /> <param-value>true</param-value> <br /> </init-param> <br /> <init-param> <br /> <param-name>activeReverseAjaxEnabled</param-name> <br /> <param-value>true</param-value> <br /> </init-param> <br /> <br /></servlet></p> <p><servlet-mapping> <br /> <servlet-name>dwr-invoker</servlet-name> <br /> <url-pattern>/dwr/</url-pattern> <br /></servlet-mapping> <br /> <br /> <br /> <br /> <br /> <welcome-file-list> <br /> <welcome-file>index.jsp</welcome-file> <br /> </welcome-file-list> <br /></web-app> <br /></p> </blockquote> <p>在</p> <h2>dwr.xml</h2> <p>中的基本的配置是不变的:</p> <blockquote> <p><!DOCTYPE dwr PUBLIC <br /> "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" <br /> "<a href="http://getahead.org/dwr/dwr30.dtd"">http://getahead.org/dwr/dwr30.dtd"</a>></p> <p><dwr> <br /> <allow> <br /> <br /> <create creator="new" javascript="ccc"> <br /> <param name="class" value="com.fww.service.Test"/> <br /> </create> <br /> <br /> <br /> </allow> <br /></dwr></p> </blockquote> <p>写我们的测试的</p> <h2>jsp</h2> <p>页面:</p> <blockquote> <p><%@ page language="java" import="java.util." pageEncoding="UTF-8"%> <br /><% <br />String path = request.getcontextpath(); <br />String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; <br />%></p> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <br /><html> <br /> <head> <br /> <base href="<%=basePath%>"> <br /> <br /> <title>My JSP 'index.jsp' starting page</title> <br /> <Meta http-equiv="pragma" content="no-cache"> <br /> <Meta http-equiv="cache-control" content="no-cache"> <br /> <Meta http-equiv="expires" content="0"> <br /> <Meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <br /> <Meta http-equiv="description" content="This is my page"> <br /> <!-- <br /> <link rel="stylesheet" type="text/css" href="styles.css"> <br /> --> <br /> <script type='text/javascript' src='/dwr_003/dwr/interface/ccc.js'></script> <br /> <script type='text/javascript' src='/dwr_003/dwr/engine.js'></script> <br /> <script type="text/javascript"> <br /> function fun(){ <br /> var msg = document.getElementById("msg"); <br /> ccc.test(msg.value); <br /> } <br /> function showMsg(mm){ <br /> var msg = document.getElementById("msg"); <br /> if(msg.value != mm){ <br /> } <br /> alert(mm); <br /> } <br /> </script> <br /> </head> <br /> <br /> <body onload="dwr.engine.setActiveReverseAjax(true);"> <br /> <input id="msg"/> <br /> <button onclick="fun();">test</button> <br /> </body> <br /></html> <br /></p> </blockquote> <p>如此的操作之后,我们可以在两个不同的浏览器中打开jsp进行测试:</p> <h2>分析</h2> <p>程序的执行时这样子,其中我们打开两个浏览器,A和B,在打开的同时,我们隐形的一个操作就是把我们的请求已经打开了,请求打开以后就好比我们的电话已经打通,只是没有对方的相互的交流。然后我们由于点击按钮的操作,使得浏览器做出一个相应,到我们的服务器端,服务器端接受到请求以后,把相应的操作信息进行处理,把信息发给每一个端口打开的浏览器,这样的操作之后,我们就可以发现私聊的原理。</p>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但是在某些特殊情况下,我们可能还需要使用IE6来访问网页。而在IE6中,我们通常会使用JavaScript来提交表单,来看一下具体操作。
PHP中的count()函数是用来计算数组或容器中元素的个数。这个函数十分方便,在编写代码时使用频率也非常高。无论你是要统计数组的长度、统计字符串中字符出现的次数还是统计对象中属性的个数,count()都可以帮助你轻松
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不刷新整个页面的情况下,向服务器发送请求并接收响应。通常来说,我们使用 AJAX 请求是为了获取后台数据,并将其展示在前端页面上。然而,有时候我们只需要
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页用户体验的技术,通过与服务器进行异步通信,实现在网页上局部刷新数据而不必整个页面刷新的功能。在实际开发中,我们经常需要从服务器端下载文件,而传统
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以在不刷新整个页面的情况下,向服务器发送请求并获取响应数据。在某些场景下,我们需要通过AJAX下载Excel文件流,以便于在前端使用或保存到本地。本文将详
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax,我们可以在不刷新整个页面的情况下向服务器发送请求并获得响应数据。而在Ajax的基础上,.get和.post是两种常用的请求方法,它们分别用于发送GET和POST请
AJAX(Asynchronous JavaScript and XML)是一种在网页上实现异步数据传输的技术。通过AJAX,网页可以在不刷新整个页面的情况下与服务器进行数据交互,提升用户体验和页面性能。在实际应用中,AJAX广泛用于表单提交、
在使用Ajax下拉加载数据的过程中,有时候会出现无法取到360度的问题。这个问题可能是由于代码逻辑的问题导致的,也有可能是网络延迟引起的。为了解决这个问题,我们需要对代码进行仔细排查,并且在合适的地方添加适当
本文将介绍Ajax和.post之间的区别。Ajax是一种用于在网页上进行异步通信的技术,能够在不刷新整个页面的情况下更新部分页面内容。.post是jQuery中的一个方法,用于向服务器发送POST请求。虽然它们都可以用于发送异步
AJAX(Asynchronous JavaScript and XML)是一种在Web页面上进行异步数据请求和交互的技术。它的出现使得页面在后台与服务器进行数据交互的同时,不需要重新加载整个页面。在网页开发中,常常需要实现文件上传功能,