AJAX+js实现实时聊天

前端之家收集整理的这篇文章主要介绍了AJAX+js实现实时聊天前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


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


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


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


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


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


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

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

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

猜你在找的Ajax相关文章