AjaxPHPJavaScriptMySQL实现简易无刷新在线聊天室

消息显示区

发言栏
  

    
      

        颜色
        
        表情
        
          微笑地
          猥琐地
          和蔼地
          目不转睛地
          傻傻地
        
        聊天对象
        
          所有的人
          老郭
          小郭
          大郭
        
      
      

        
        
        发言：
      
    
  

//showmessage.scrollTop 可以实现div底部最先展示
// divnode.scrollHeight而已获得div的高度包括滚动条的高度
showmessage.scrollTop = showmessage.scrollHeight-showmessage.style.height;

  
消息显示区
  

  
  

  
发言栏
  

    
      

        颜色
        
        表情
        
          微笑地
          猥琐地
          和蔼地
          目不转睛地
          傻傻地
        
        聊天对象
        
          所有的人
          老郭
          小郭
          大郭
        
      
      


        
        
        发言：
      
    
  

mysql> desc message;
+----------+--------------+------+-----+---------+----------------+
| Field  | Type     | Null | Key | Default | Extra     |
+----------+--------------+------+-----+---------+----------------+
| id    | int(100)   | NO  | PRI | NULL  | auto_increment |
| msg   | varchar(255) | NO  |   | NULL  |        |
| sender  | varchar(30) | NO  |   | NULL  |        |
| receiver | varchar(30) | NO  |   | NULL  |        |
| color  | varchar(10) | YES |   | NULL  |        |
| biaoqing | varchar(10) | YES |   | NULL  |        |
| add_time | datetime   | YES |   | NULL  |        |
+----------+--------------+------+-----+---------+----------------+
7 rows in set (0.00 sec)

<&＃63;php

// 获得最新的聊天信息
$cOnn= mysql_connect('localhost','root','mysql');
mysql_select_db('test');
mysql_query('set names utf8');

$maxId = $_GET['maxId'];

// 防止获取重复数据，本次请求的记录结果id要大鱼上次获得的id
$sql = "select * from message where id >"."'$maxId'";
$qry = mysql_query($sql);

$info = array();
while($rst = mysql_fetch_assoc($qry)){
  $info[] = $rst;
}


// 通过json格式给客户端提供数据
echo json_encode($info);


&＃63;>