`

DWR 实现单向聊天【二:页面显示】 功能登录显示登录用户【无数据库操作】

阅读更多

一:jsp(显示层代码块)如下:
  index.jsp
  <script type="text/javascript" src="/dwr-comet/js/jquery/jquery- 1.2.6.pack.js">
</script>
  <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> 


聊天页面显示 代码如下:
 <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 = doc
ument.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> 



分享到:
评论

相关推荐

    web聊天,私聊,群聊。dwr实现。无数据库

    综上所述,这个项目展示了一个基于DWR的实时聊天系统实现,它利用了J2EE的稳定性、DWR的双向通信能力、Servlet的请求处理功能以及JavaScript的客户端交互性,创建了一个无需数据库支持的高效聊天应用。用户可以进行...

    DWR操作数据库模拟实现Google搜索效果

    在本项目"**DWR操作数据库模拟实现Google搜索效果**"中,我们将探讨如何利用DWR技术来创建一个类似Google搜索的体验。这个项目的核心目标是通过用户在前端输入关键词,实时从后台数据库中检索匹配的信息,并在页面上...

    纯JSP+DWR实现三级联动下拉选择菜单 实现无刷新联动 DWR判断用户是否存在 ajax二级联动菜单 DWR操作数据库模拟实现Google搜索效果

    **四、DWR操作数据库模拟实现Google搜索效果** 为了实现类似Google的搜索效果,DWR可以帮助我们在用户输入查询词时立即从数据库中检索匹配的条目。每当用户在搜索框中键入字符,DWR会自动发送异步请求,查询数据库...

    DWR在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能

    DWR(Direct Web Remoting)是一种Java技术,用于在Web应用...通过以上分析,我们可以看出DWR在这个在线即时聊天系统中的关键作用,它不仅简化了前后端的交互,还实现了高效的实时通信,使得私聊功能得以流畅地运行。

    spring3+dwr3实现聊天功能

    可以使用数据库来保存历史消息,确保即使用户刷新页面也能看到之前的聊天记录。同时,服务器端需要维护一个用户会话列表,以便知道哪些用户在线,向哪些客户端推送新消息。 在实际应用中,还需要考虑安全性问题,如...

    java+dwr框架实现聊天室

    Java+dwr框架实现聊天室是使用Java语言和dwr框架实现的服务器推技术,实现了实时通信的聊天室功能。下面将详细介绍该技术的实现过程和相关知识点。 一、dwr 框架简介 dwr(Direct Web Remoting)是一种基于Ajax...

    采用dwr技术实现的聊天室

    - **异步通信**: DWR利用AJAX实现页面无刷新更新,提升了用户体验。 - **安全控制**: `dwr.xml`配置文件可以限制客户端可调用的Java方法,防止跨站脚本攻击。 - **类型转换**: DWR支持自动类型转换,使得Java对象和...

    DWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rar

    DWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线即时聊天系统,实现了对指定用户发送消息,和即时显示功能.rarDWR 在线...

    dwr实现的分页功能

    DWR(Direct Web Remoting)是一个...通过以上步骤,我们可以利用DWR和JSP实现一个高效、无刷新的分页功能,为用户提供更加流畅的浏览体验。在实际开发中,还需要结合具体的业务需求和项目架构进行适当的调整和优化。

    spring+dwr无刷新聊天室

    Spring框架和Direct Web Remoting (DWR) 是构建Web应用程序的强大组合,尤其适用于实现动态、实时的交互功能,如无刷新聊天室。这个项目展示了如何利用这两个技术来创建一个无需刷新页面就能进行实时通信的聊天应用...

    用数据库缓存池和dwr实现的jsp程序

    例如,在一个用户查询操作的场景中,JSP页面可能使用DWR来触发一个Java方法,这个方法利用数据库缓存池获取连接,执行SQL查询,然后将结果返回给DWR,最终DWR将查询结果展示在前端页面上。在这个过程中,DWR保证了...

    dwr实现的网页即时聊天

    在DWR中,可以使用Comet技术来实现聊天系统的实时推送功能,使用户在接收到新消息时无需刷新页面。 5. **群聊实现**: 在这个项目中,开发者使用DWR构建了一个支持多用户参与的聊天系统。每个用户都能即时看到其他...

    DWR学习案例详解(数据库)

    在数据库操作中,DWR可以帮助开发者实现实时的数据查询、插入、更新和删除。例如,你可以创建一个JavaScript函数,该函数调用DWR的接口,执行SQL查询并获取结果。这些结果可以直接在页面上显示,而无需重新加载页面...

    基于DWR推送的web聊天系统

    通过DWR,它可以实现实时的聊天消息推送,无需用户手动刷新页面;JSP负责后台逻辑和页面生成;Webservice接口则扩展了服务功能,增加了天气查询;而发送表情和设备识别则提升了用户交互性和适应性。这样的系统对于...

    jsp DWR框架推模式实现的聊天室

    **DWR(Direct Web Remoting)框架是一种在Web应用程序中实现AJAX(Asynchronous JavaScript and XML)技术的工具,它允许JavaScript与服务器端的Java代码进行实时交互,从而创建更动态、更响应式的用户界面。...

    DWR将数据库中的信息查询显示到jsp页面,并添加数据

    在这个特定的场景中,“DWR将数据库中的信息查询显示到jsp页面,并添加数据”,我们将深入探讨DWR如何实现这一功能。 首先,DWR的核心概念是远程方法调用(Remote Method Invocation,RMI),它使得JavaScript可以...

    dwr实现ajax功能ajax+dwr

    `ajax登录`可能是一个实际的DWR应用示例,展示如何实现无刷新的登录功能。`dwrdemo`可能是一个完整的DWR演示项目,包含运行示例的源代码。`dwr需要用的jar`是DWR运行所需的库文件。`Ajax无刷新页的业务逻辑实现`可能...

    ExtJs+ Dwr 页面登入功能

    在网页应用开发中,用户登录功能是不可或缺的一部分,它确保了用户身份的安全验证和访问权限的控制。本项目将讲解如何使用ExtJs(一个强大的JavaScript框架)结合DWR(Direct Web Remoting,一种允许JavaScript与...

    ajax dwr 框架实现二级联动下拉列表源码

    总结来说,利用Ajax和DWR框架实现的二级联动下拉列表,使得用户可以在不刷新页面的情况下完成多级选择,提升了用户体验。同时,DWR的使用简化了前后端交互的复杂性,使得开发更为高效。通过阅读和理解提供的源代码,...

    dwr框架实现无刷新分页

    **DWR(Direct Web Remoting)框架实现无刷新分页技术详解** DWR(Direct Web Remoting)是一种JavaScript和Java之间的远程调用技术,它允许Web应用在不刷新整个页面的情况下与服务器进行交互,从而实现动态更新和...

Global site tag (gtag.js) - Google Analytics