AJAX+js实现实时聊天

来源:互联网 发布:关于淘宝仅退款不退货 编辑:程序博客网 时间:2024/05/14 11:57


了解AJAX基本流程之后,根据我们实际需要可以完成很多功能,这里我通过AJAX+javascript完成了一个简单的基于网页的实时聊天工具,代码不是很多,但是对过程的理解是最重要的,每行我都有注释,下面是代码:
首先是一个jsp网页,(html也可以)


然后需要一个消息对象(基于面向对象的原则)


然后需要一个加载时监听消息的servlet


然后还需要一个发送时处理消息的servlet


最后测试一下,打开多个聊天网页


总结一下整个聊天过程:
①进入聊天页加载时就会执行监听消息的servlet,在servlet中消息同步等待
②点击发送按钮时,通过表单把输入框的内容提交到处理消息的servlet
③处理消息时就会获取所有正在等待的session和对应的消息对象,把消息内容

写进去然后同步唤醒所有等待的消息对象
④消息被同步唤醒后,把消息内容通过AJAX返回到页面
⑤获取AJAX返回的消息后显示到聊天框,并再一次执行消息监听,访问servlet

时又会等待,以此循环执行②~⑤

0 0