PHP Ajax搭建简易聊天室-php教程-PHP中文网

本篇文章主要讲解php+ajax搭建简易聊天室实践，文中有关php，ajax的内容，有需要的小伙伴参考下。

index.html:

  
  
      
        新建网页  
          
          
          
  
          
  
          
  
          
      
      
          
              
                在线名单：（5人）  
                  
                    帅哥：恶魔  
                    靓妹：甜甜  
                    帅哥：诸葛  
                    帅哥：成就梦想  
                    靓妹：郁金香  
                  
                  
                      
                      
                      
                  
              
              
                  
                    有什么意见和建议欢迎大家踊跃提出  
                      
                      
                        PHP爱好者聊天室公告：欢迎恶魔来到聊天室(22:05:35)  
                        恶魔 对 大家 微笑 说：对啊(22:05:35)  
                        恶魔 对 大家 微笑 说：对啊(22:05:35)  
                        恶魔 对 大家 微笑 说：好久不见了啊(22:05:35)  
                        PHP爱好者聊天室公告：欢迎天使来到聊天室(22:05:35)  
                        天使 对 大家 微笑 说：你来了啊(22:05:35)
立即学习“PHP免费学习笔记（深入）”；  
                      
                  
                  
                      
                      
                    颜色：  
                      
                    表情：  
                      
                    聊天对象：

data.php（后端，从数据库获取所有聊天信息）:

".$maxID;  
$qry = mysql_query($sql);  
$info = array();  
while($rst = mysql_fetch_assoc($qry)){  
    $info[] = $rst;  
}  
//把数据组织为二维数组  
//把最新的聊天信息通过json格式提供出来  
echo json_encode($info);

send.php（后端，将发送的聊天记录存入数据库）:

快剪辑

国内⼀体化视频⽣产平台

下载

talk.css（引入的外部CSS文件）:
* {margin:0;padding:0;border:0;}  
#main {width:900px; height:500px; background:pink; margin:auto; margin-top:10px;}  
#left {width:200px; height:500px;background:#F5DEB3; float:left;}  
#right {width:700px; height:500px; background:rgb(206,263,49); float:left;}  
#content {height:379px; padding-top:1px;}  
#send {height:120px; background:rgb(51,175,234);}  
#control {position:relative; left:75px; top:18px;}  
select,textarea {border:1px solid gray;}  
#msg {width:410px;height:52px; margin-top:5px;}  
#content-title{color:green;font-size:14px;width:245px;margin:10px auto;}  
hr {border:1px solid gray; width:600px; margin:auto;}  
#show_msg {width:600px; margin-left:47px;margin-top:10px;font-size:14px;font-weight:bold;  
    height:327px;  
    overflow:auto;  
}  
#left h2 {color:#8B4513;font-size:14px;position:relative; left:36px;top:24px; width:150px; }  
#left #user { position:relative; top:46px;left:48px;   }  
  
ul {font-size:12px;  list-style:none; width:110px; }  
  
#anniu {margin-top:280px; margin-left:50px; }  
#anniu input {margin-top:3px; width:98px;height:30px; background:#CD853F; color:white; border:2px solid white;}
相关推荐：
php基于websocket搭建简易聊天室实践
php基于websocket搭建简易聊天室实践_php实例
php+websocket搭建简易聊天室实践