Ajax jQuery Web聊天室

实现界面:
1.进入聊天室前必须进行登录,保存用户基本信息,为了显示在线人数
2.登录聊天时,调用Ajax的全局函数$.ajax(),将获取的用户名和密码数据向处理逻辑发送,使用AjaxStartAjaxStop事件绑定提示信息元素,优化用户体验
3.登录时,处理逻辑端接收数据,检测密码是否正确,如果不正确,弹出错误对话框,否则进入聊天室
4.首次登录,如果当前没有聊天数据,则内容区显示目前没有聊天记录,在线用户区显示登录时的用户名
5.底部文本框输入聊天内容,点击发送后,通过$.ajax()获取聊天内容,向服务器提交请求,同时,服务器相应数据,写入完成后,将数据显示在内容区
6.在发送内容时还可以发送表情,发送时仅传送表情图标的名称,不发送图片,服务器返回的也是相应的名称,再将名称对应图标显示在页面中
7.发送成功,服务器返回成功标志,客户端接收后清空发送文本框,刷新对话框列表,获取最新聊天记录
经验:
1.发送信息和获取信息都有发送按钮触发,但是要明确是两个步骤
 
逻辑Servlet层:
1.登录成功将用户名和时间存入在线用户表中
2.发送数据到逻辑层再发到数据库层
3.请求数据时,从数据库中接收数据后在逻辑层封装成html字符串返回到界面
 
数据库层:
1.登录时将用户名存入当前聊天室的在线用户表中,并记录登录时间
2.发送聊天内容是将说话人,时间和内容一并存入数据库的聊天记录表中
3.刷新聊天记录时根据请求的时间,返回请求时间之前的聊天记录,并按时间顺序返回

4.刷新在线用户表时,按请求的时间顺序返回在线用户名

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值