转载Ajax+js实时聊天文
来源:互联网 发布:linux防cc攻击 编辑:程序博客网 时间:2024/06/08 20:25
AJAX+js实现实时聊天
了解AJAX基本流程之后,根据我们实际需要可以完成很多功能,这里我通过AJAX+javascript完成了一个简单的基于网页的实时聊天工具,代码不是很多,但是对过程的理解是最重要的,每行我都有注释,下面是代码:
首先是一个jsp网页,(html也可以)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
来自CODE的代码片chatClient.jsp
然后需要一个消息对象(基于面向对象的原则)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
来自CODE的代码片chatdemo_message.java
然后需要一个加载时监听消息的servlet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
来自CODE的代码片chatdemo_getmsg.jsva
然后还需要一个发送时处理消息的servlet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
来自CODE的代码片chatdemosendmsg.jsva
最后测试一下,打开多个聊天网页
总结一下整个聊天过程:
①进入聊天页加载时就会执行监听消息的servlet,在servlet中消息同步等待
②点击发送按钮时,通过表单把输入框的内容提交到处理消息的servlet
③处理消息时就会获取所有正在等待的session和对应的消息对象,把消息内容
写进去然后同步唤醒所有等待的消息对象
④消息被同步唤醒后,把消息内容通过AJAX返回到页面
⑤获取AJAX返回的消息后显示到聊天框,并再一次执行消息监听,访问servlet
时又会等待,以此循环执行②~⑤
了解AJAX基本流程之后,根据我们实际需要可以完成很多功能,这里我通过AJAX+javascript完成了一个简单的基于网页的实时聊天工具,代码不是很多,但是对过程的理解是最重要的,每行我都有注释,下面是代码:
首先是一个jsp网页,(html也可以)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
来自CODE的代码片chatClient.jsp
然后需要一个消息对象(基于面向对象的原则)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
来自CODE的代码片chatdemo_message.java
然后需要一个加载时监听消息的servlet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
来自CODE的代码片chatdemo_getmsg.jsva
然后还需要一个发送时处理消息的servlet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
来自CODE的代码片chatdemosendmsg.jsva
最后测试一下,打开多个聊天网页
总结一下整个聊天过程:
①进入聊天页加载时就会执行监听消息的servlet,在servlet中消息同步等待
②点击发送按钮时,通过表单把输入框的内容提交到处理消息的servlet
③处理消息时就会获取所有正在等待的session和对应的消息对象,把消息内容
写进去然后同步唤醒所有等待的消息对象
④消息被同步唤醒后,把消息内容通过AJAX返回到页面
⑤获取AJAX返回的消息后显示到聊天框,并再一次执行消息监听,访问servlet
时又会等待,以此循环执行②~⑤
阅读全文
0 0
- 转载Ajax+js实时聊天文
- AJAX+js实现实时聊天
- AJAX+js实现实时聊天
- 网页实时聊天ajax 长连接
- js+php实现实时网页聊天功能
- AJAX + JS 实时线形图
- javascript和jQuery实现网页实时聊天的ajax长轮询
- node.js+socket.io实时聊天小测验总结
- centOS6.5 node.js+socket.IO搭建WebSocket,实时聊天
- 转载:JS实时显示系统时间
- ajax无刷新上传图片并实时预览【转载】
- Android实时语音聊天
- 消息推送,实时聊天
- 一对一网页聊天 jsp+js+ajax+servlet+tomcat+mysql
- Ajax技术--实时显示聊天内容($.post(url,data,success()))
- 百度的Ajax.js文件(转载)
- 安卓SocketIO+Node.js实现好友与好友间的实时聊天
- 实时聊天软件常用架构
- SpringMvc(一)
- NYOJ Star
- PB 数据窗口的字段设置焦点
- grpc初探
- HDU
- 转载Ajax+js实时聊天文
- python进阶之多线程(进程)同步执行的消费者与生产者模型
- 数据结构与算法Java版——八皇后问题
- .net mvc4 Webapi Rest接口返回值
- Android 工具集(持续更新)
- 深度学习框架TensorFlow学习与应用(一)——基本概念与简单示例
- 宏基因组实战6. 不比对快速估计基因丰度Salmon
- DPDK(11):内存初始化
- java:文件的存取