jsp（显示层代码块）如下： index.jsp页面代码块：如下 ：
index页面：
<script type="text/javascript" src="/dwr-comet/js/jquery/jquery-1.2.6.pack.js"></script>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type='text/javascript' src='/dwr-comet/dwr/interface/myjs.js'></script>
<script type='text/javascript' src='/dwr-comet/dwr/engine.js'></script>
<script type='text/javascript' src='/dwr-comet/dwr/util.js'></script>
<a href="javascript:void(0)" onclick="window.open('chat.jsp','','width=300px;heigth=200px;')">去聊天</a>
chart页面：
<script type="text/javascript" src="/dwr-comet/js/jquery/jquery-1.2.6.pack.js"></script>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type='text/javascript' src='/dwr-comet/dwr/interface/myjs.js'></script>
<script type='text/javascript' src='/dwr-comet/dwr/engine.js'></script>
<script type='text/javascript' src='/dwr-comet/dwr/util.js'></script>
<body onload="dwr.engine.setActiveReverseAjax(true);"><br><br></body>
登陆:<input type=text id=username name=username value="${username}"> <input type=button value="登陆" onclick="login()"> <span id="loginmsg"></span><br>
用户列表:<select name="users" id="users">
</select>
内容:<input type=text name=text id="text">
<input type=button value="发送" onclick="send()">
<div id="msg" style="height:200px; border:2px solid green;width:300px;overflow-y:auto;">
</div>
<script>
function login()
{
var from = jQuery("#username").val();
if (from=="")
{
alert("请输入用户名");
retun;
}
myjs.login(jQuery("#username").val(),function(x){
if (!x)
document.getElementById("loginmsg").innerHTML = "登陆成功";
else
document.getElementById("loginmsg").innerHTML = "用户已在别处登陆";
});
}
//添加用户列表
function addUser(arry)
{
var from = jQuery("#username").val();
if (jQuery.trim(from)=="" || arry.length==0)
return;
dwr.util.removeAllOptions("users");
dwr.util.addOptions("users", arry,"id","name");
}
//发送
function send()
{
var from = jQuery("#username").val();
var toId = jQuery("#users").val();
var toName = jQuery("#users>option:selected").html();
var msg = jQuery("#text").val();
var time = new Date();
myjs.sendMsg(toId,toName,msg,function(x){
if (x)
{
var mm = document.getElementById("msg");
var f = document.createElement("div");
f.innerHTML = "<font color=red>("+time.toLocaleString()+")"+from+"对"+toName+"说:"+
")</font><br>";
mm.appendChild(f);
var m = document.createElement("div");
m.innerHTML = msg+"<br><br>";
mm.appendChild(m);
}
});
}
//接收消息
function recv(from,to,msg,time)
{
var mm = document.getElementById("msg");
var f = document.createElement("div");
f.innerHTML = "<font color=red>"+time.toLocaleString()+from+"对"+to+"说"+
"</font><br>";
mm.appendChild(f);
var m = document.createElement("div");
m.innerHTML = msg+"<br><br>";
mm.appendChild(m);
}
//退出事件
window.onbeforeunload = function(){
jQuery.post("ExitGameServlet");
}
</script>
分享到：
相关推荐
综上所述，这个项目展示了一个基于DWR的实时聊天系统实现，它利用了J2EE的稳定性、DWR的双向通信能力、Servlet的请求处理功能以及JavaScript的客户端交互性，创建了一个无需数据库支持的高效聊天应用。用户可以进行...
在本项目"**DWR操作数据库模拟实现Google搜索效果**"中，我们将探讨如何利用DWR技术来创建一个类似Google搜索的体验。这个项目的核心目标是通过用户在前端输入关键词，实时从后台数据库中检索匹配的信息，并在页面上...
**四、DWR操作数据库模拟实现Google搜索效果** 为了实现类似Google的搜索效果，DWR可以帮助我们在用户输入查询词时立即从数据库中检索匹配的条目。每当用户在搜索框中键入字符，DWR会自动发送异步请求，查询数据库...
- **异步通信**: DWR利用AJAX实现页面无刷新更新，提升了用户体验。 - **安全控制**: `dwr.xml`配置文件可以限制客户端可调用的Java方法，防止跨站脚本攻击。 - **类型转换**: DWR支持自动类型转换，使得Java对象和...
可以使用数据库来保存历史消息，确保即使用户刷新页面也能看到之前的聊天记录。同时，服务器端需要维护一个用户会话列表，以便知道哪些用户在线，向哪些客户端推送新消息。 在实际应用中，还需要考虑安全性问题，如...
DWR（Direct Web Remoting）是一种Java技术，用于在Web应用...通过以上分析，我们可以看出DWR在这个在线即时聊天系统中的关键作用，它不仅简化了前后端的交互，还实现了高效的实时通信，使得私聊功能得以流畅地运行。
Java+dwr框架实现聊天室是使用Java语言和dwr框架实现的服务器推技术，实现了实时通信的聊天室功能。下面将详细介绍该技术的实现过程和相关知识点。 一、dwr 框架简介 dwr（Direct Web Remoting）是一种基于Ajax...
在数据库操作中，DWR可以帮助开发者实现实时的数据查询、插入、更新和删除。例如，你可以创建一个JavaScript函数，该函数调用DWR的接口，执行SQL查询并获取结果。这些结果可以直接在页面上显示，而无需重新加载页面...
在Spring MVC环境下，DWR可以帮助我们构建实时的、交互式的用户界面，比如实现即时聊天功能。下面将详细介绍如何在Spring MVC项目中利用DWR反转实现即时聊天。 首先，我们需要引入必要的依赖库。如描述中提到，我们...
DWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线...
在本项目“学DWR时候写的一个简单的聊天室”中，DWR被用于实现用户之间的实时通信。用户可以通过浏览器发送消息，而无需刷新页面，因为DWR可以实现在后台与服务器进行通信并更新页面内容。 【Hibernate ORM框架】 ...
DWR（Direct Web Remoting）是一个...通过以上步骤，我们可以利用DWR和JSP实现一个高效、无刷新的分页功能，为用户提供更加流畅的浏览体验。在实际开发中，还需要结合具体的业务需求和项目架构进行适当的调整和优化。
**DWR（Direct Web Remoting）框架是一种在Web应用程序中实现AJAX（Asynchronous JavaScript and XML）技术的工具，它允许JavaScript与服务器端的Java代码进行实时交互，从而创建更动态、更响应式的用户界面。...
在DWR中，可以使用Comet技术来实现聊天系统的实时推送功能，使用户在接收到新消息时无需刷新页面。 5. **群聊实现**: 在这个项目中，开发者使用DWR构建了一个支持多用户参与的聊天系统。每个用户都能即时看到其他...
例如，在一个用户查询操作的场景中，JSP页面可能使用DWR来触发一个Java方法，这个方法利用数据库缓存池获取连接，执行SQL查询，然后将结果返回给DWR，最终DWR将查询结果展示在前端页面上。在这个过程中，DWR保证了...
DWR（Direct Web Remoting）是一个开源的Java框架，它允许Web应用程序轻松地在客户端JavaScript和服务器端Java之间进行交互，实现Ajax（异步JavaScript和XML）功能。DWR简化了复杂的JavaScript和Java之间的通信，...
Spring框架和Direct Web Remoting (DWR) 是构建Web应用程序的强大组合，尤其适用于实现动态、实时的交互功能，如无刷新聊天室。这个项目展示了如何利用这两个技术来创建一个无需刷新页面就能进行实时通信的聊天应用...
通过DWR，它可以实现实时的聊天消息推送，无需用户手动刷新页面；JSP负责后台逻辑和页面生成；Webservice接口则扩展了服务功能，增加了天气查询；而发送表情和设备识别则提升了用户交互性和适应性。这样的系统对于...
Direct Web Remoting (DWR) 是一种在Web应用程序中实现异步JavaScript和Java交互的技术，它允许前端JavaScript...通过学习和理解这个简单的DWR实例，你将能更好地掌握如何在自己的项目中应用DWR，实现无刷新页面交互。
【标题】"界面简单功能简单的聊天程序dwr" 涉及的核心技术是DWR（Direct Web Remoting），它是一个开源的Java库，允许Web应用程序在客户端和服务器之间进行实时的、异步的通信，无需使用插件或者复杂的浏览器技术如...