简单的一个在线聊天室

闲着无聊写一个基于数据库写一个在线聊天室

前几天闲着没事突然想起写个小程序玩玩，就想到了写个在闲聊天室，话不多说直接开始。

1.第一当然是先写一个聊天界面啦，我写的界面是这样：

聊天页面

2.写这个程序的主要思路就是：客户端点击“发送”提交聊天信息到数据库中，聊天记录窗口中再在数据库中将聊天记录取出并显示出来。
聊天页面方面需要利用到AJAX定时的刷新页面达到定时刷新页面，后台从数据库中取出信息：

使用js设置定时器定时刷新局部页面：<script>   $(function(){   setInterval(aa,1000);//设置一个定时器，每秒对聊天记录框aa刷新一次   var i=1;   var str1="";    function aa(){       $.getJSON("load.php",function(res){   //请求load.php获取返回的查询结果json数据       if(res==="")//如果返回值为空或者返回值为上一条一样的不执行       {            console.log("no masg!");       }else   {    jsonObj = res;                              var str ="<div class='text_list'>"+"<p class='info'>"+jsonObj['name']+":("+jsonObj['time']+")"+"["+jsonObj['addr']+"]"+"</p>"+"<p class='content_body'>"+jsonObj['content']+"</p></div>";     if(str1==str)      {       }      else      {           $("#aa").append(str);           str1=str;           console.log("get masg!"+(i++)+res);       }       }       });       }      });</script>

load.php为查询现有的聊天记录的API，并返回JSON数据

load.php<?php                     require 'mysql_conn.php';                     $sql = "select * from chat_log where IsNew=1 LIMIT 1";                     $result = mysql_query($sql,$con)or die(mysql_error());                     if(mysql_num_rows($result)==0)                     {                         echo "";                     }                     else                     {                            $row = mysql_fetch_array($result);                            $rows['name']=$row['name'];                            $rows['time']=$row['time'];                            $rows['addr']=$row['addr'];                            $rows['content']=$row['content'];                             $rows['id']=$row['id'];                            echo json_encode($rows, JSON_UNESCAPED_UNICODE);                     }                                 mysql_close($con);                ?>

具体代码请转:https://github.com/brave-orange/TalkOnline