现在的位置: 首页 -> PHP学习 -> AJAX实例 -> PHP+Ajax编写的类似QQ的web聊天室示例和源码下载

PHP+Ajax编写的类似QQ的web聊天室示例和源码下载

2013-07-27 23:07 ⁄ 评论数 27 ⁄ 被浏览 36028 views+

这绝对是一款很简洁实用的web聊天系统，用PHP+ajax完成。可以支持添加删除好友，也能接收离线消息。只是没有做界面上的优化（主要是自己不擅长），所以不太美观。我觉得像我们这样搞技术的，学好技术才是最重要的，至于界面，有创意的朋友，可以自己做的更漂亮点。

这个系统还是去年写的，是看完韩顺平老师的ajax视频教程后做的，我那个时候的技术还很单纯，所以这份源码应该好看懂，好理解，这份源码我曾经在网上也分享过。现在我又重新进行了一点点优化，修复了个别BUG，然后再拿出来给大家分享一下（需要源码下载的读者请往阅读到底部进行下载）。

案例效果欣赏：

PHP+Ajax编写的类似QQ的web聊天室效果1

这是登陆界面，如果没有帐号，可以点击注册去注册一个帐号

PHP+Ajax编写的类似QQ的web聊天室效果2

登陆成功后跳转到首页，现在可以添加好友了

PHP+Ajax编写的类似QQ的web聊天室效果3

收到新的好友请求

PHP+Ajax编写的类似QQ的web聊天室效果4

简洁大方的聊天窗口

最后说明一下：发送消息的时候不要有回车，否则会发不出去，因为我没有做那方面的处理。

源码下载：php网页聊天系统 web chat 1.1.zip

最后，如果您觉得好用，喜欢的话，不妨支持一下！！或这有什么问题也可以给我留言。我会在第一时间给予答复。谢谢您的支持！！

您可能还会对这些文章感兴趣！

目前有 27 条评论 @我要评论

27楼dee : 2018-07-04 11:34:45 评论说： @回复
这个demo和这个站http://www.ebolaunion.gq/ 右下角的那个东东原理一样吗
26楼linyebao : 2017-04-23 09:17:55 评论说： @回复
在消息box里面，直接显示了http_request.responseText的代码，而不是结果怎么破
25楼KIL : 2016-11-22 17:29:13 评论说： @回复
这个代码我在本地跑了，可以注册的，聊天也可以显示。
牛牛回复 KIL: 为什么我聊天界面不能运作
2017-04-26 11:05:20 @回复
兔子回复 KIL: 请问聊天功能怎么实现的呀？我下载了，登录注册都好好的，但是只能登录上去一个，而且聊天也显示偶错误
2017-05-14 21:15:26 @回复
24楼淡195 : 2016-10-24 10:46:26 评论说： @回复
你好，下载了，可是用的时候没法注册是怎么得呢？
23楼PHP学习 : 2016-04-23 13:06:31 评论说： @回复
为什么登录时一直是用户名或密码错误，注册也注册失败呢
22楼longzhan : 2016-02-21 22:33:58 评论说： @回复
好，赞一个
21楼刘康 : 2015-11-02 20:21:14 评论说： @回复
楼主的代码蛮适合初学者学习的。谢谢了。
20楼刘康 : 2015-11-02 19:39:57 评论说： @回复
为什么，我发消息给好友，他那边收不到消息？？？？？？谁遇到过吗？
19楼刘康 : 2015-11-02 18:45:03 评论说： @回复
刚刚，我试着给好友发了几条消息，但是好友怎么回复呢？请指教。
18楼刘康 : 2015-11-02 18:34:14 评论说： @回复
请问大家，我下载并且修改了代码，怎么样才能和别人聊天呢？应该不会别人的电脑中也要装什么php，mysql，Apache之类的东东，并且还是下载改代码吧？在线等答案。感谢大家。
17楼刘科 : 2015-07-28 05:22:43 评论说： @回复
这样的写法没什么用处用AJAX请求压力太大了要用长连接会好点
idong 回复刘科: 就两个人聊天能有个毛线的压力....
2015-08-05 14:01:58 @回复
16楼我是小白 : 2015-06-27 16:21:42 评论说： @回复
无法注册怎么办
我是小白 回复我是小白: 我已经解决了~
2015-06-27 17:47:17 @回复
15楼maomao : 2015-04-02 16:33:07 评论说： @回复
可以群聊吗
14楼ffff : 2014-12-25 17:02:10 评论说： @回复
不错写的很好
13楼datahome : 2014-10-28 23:43:50 评论说： @回复
刚测试过，还能用。也算一种学习资料了。
12楼ng : 2014-08-26 14:36:37 评论说： @回复
就是这样
11楼qt : 2014-08-05 22:07:49 评论说： @回复
能不能帮忙传一下，传智播客韩顺平Ajax技术视频教程(15讲)。我在网站上下载，发现不是很容易了，谢谢啊
众文教育 回复 qt: 亲谁可以发一份关于基于Ajax的Web聊天系统的论文给我呀，页数要到30页的。
2015-04-02 09:38:51 @回复
10楼博客互推联盟 : 2014-03-13 17:06:57 评论说： @回复
给博主的一封信：博主你好，又来看你啦~ 博客互推联盟成立十多天，受到了上百位博友的大力支持，为感谢大家，博客互推联盟推出第一季活动，百元服务大比拼，100元你能给联盟成员带来什么呢？（我们买单！）我们希望你能够参与这次活动！详情： http://www.malaboke.com/hd1 感谢您对博客互推联盟的支持！
9楼mengweifeng : 2014-01-23 09:16:58 评论说： @回复
挺好的,支持下。
8楼易搜学 : 2013-12-11 10:26:11 评论说： @回复
来看看！程序员就是个苦逼的职业
7楼一叶之秋 : 2013-12-10 22:22:04 评论说： @回复
我下下来测了，挺好的，谢谢分享
Dai 回复一叶之秋: 谢谢你的支持！！
2013-12-10 23:20:35 @回复
6楼易搜 : 2013-12-04 11:04:16 评论说： @回复
不错
Dai 回复易搜: 感谢支持！
2013-12-05 19:56:37 @回复
5楼nkniu : 2013-11-29 10:31:48 评论说： @回复
聊天时没有显示说的话啊
4楼nkniu : 2013-11-29 10:08:37 评论说： @回复
你好，刚下载源码注册不了怎么
3楼12345565 : 2013-11-28 08:24:22 评论说： @回复
说好的源代码呢？
Dai 回复 12345565: 您好！文章下方有个“源码下载”，点击后面的链接就可以下载源码了，如果有问题可以跟我交流。
2013-11-28 11:55:16 @回复
2楼xzy : 2013-09-21 23:41:13 评论说： @回复
Warning: Cannot modify header information - headers already sent by (outputstartedatD:index.php on line 23这个错误是干嘛的？测试不来吖!回复我邮箱噢
Dai 回复 xzy: 这个要看到具体的代码才好说。刚刚百度了一下，好多解决方案，但是不知道你的具体代码，所以也不知道具体的方案。
2013-09-22 22:34:35 @回复
1楼php米 : 2013-08-10 21:39:45 评论说： @回复
我现在能写一点点代码，但是很单纯，比如采集网页什么的，请问楼主是怎么学习php的啊？如何去深入学习。网上的视频教程大多都是单纯的和浅显的东西，学多了老感觉没进步。不知道怎么迈过这个坎？望指教！artlearn@163.com
Dai 回复 php米: 每个人有每个人的学习方式，我，已经学了一年多了吧。先把php基础做好，然后试着去做一些小项目，比如做一个新闻系统。有了基础然后就学smarty，框架。如果你基础很不错了，就试着做一个项目，做的过程中哪里不会再研究学习，一个项目做下来进步就很大了。我也还是菜鸟，所以不太会去教导别人，你好好加油哦！以前学习是看的传智播客的视频，还不错。
2013-08-11 21:12:31 @回复