php實現簡單聊天功能

php實現簡單聊天功能

1、建立聊天訊息表，其表的欄位有訊息內容，傳送時間和傳送者的名稱；

SQL：

CREATE TABLE `guanhui`.`message` ( 
    `id` INT(10) NOT NULL AUTO_INCREMENT COMMENT '訊息ID' , 
    `content` VARCHAR(255) NOT NULL COMMENT '訊息內容' , 
    `sender` VARCHAR(60) NOT NULL COMMENT '傳送者' , 
    `send_time` INT(10) NOT NULL COMMENT '傳送時間' ,
     PRIMARY KEY (`id`)
 ) ENGINE = MyISAM;

2、建立php檔案將聊天訊息查詢出來，並以json格式輸出；

$con = mysql_connect("localhost","","");
if (!$con) {
    die('Could not connect: ' . mysql_error());
}
mysql_select_db("chat", $con);
mysql_query("set names 'utf8'");            
$sql = "SELECT * FROM  `message`";
$result = mysql_query($sql);
if(isset($result)){
    json_encode(array(
        'code' => 0,
        'msg' => 'OK',
        'data' => mysql_fetch_array($result, MYSQL_ASSOC)
    ))
} else {
    json_encode(array(
        'code' => 0,
        'msg' => '聊天資訊為空！'
    ))
}

3、在前端使用Ajax輪詢請求php檔案，並將訊息展示出來。

setInterval(function(){

    $.get('/get_message_list.php', function(data){

        $(data).each(function(value, item){
            $('#message_list').append('來自：' + data.sender + '的訊息：' + data.message + '傳送時間：', data.send_time);
        });

    });

}, 600);

4、建立send_message.php用來接收傳送的訊息，並將資料儲存到資料庫。

$send_time = date('Y-m-d H:i:s',time());;
$send = $_POST['sender'];
$content = $_POST['content'];
$con = mysql_connect("localhost","","");
if (!$con) {
  die('Could not connect: ' . mysql_error());
}
mysql_select_db("ing", $con);
mysql_query("set names 'utf8'");
$insert="INSERT INTO  `chat` (`id` ,`sender` ,`content` ,`send_time`) VALUES (NULL ,  '$sender',  '$content',  '$send_time')";
$result = mysql_query($insert);

5、在前端獲取要傳送的訊息，並請求send_message.php。

function sendcontent()
  {
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      // 伺服器端返回了正確資料，開始響應處理
      {   
        document.getElementById("input").innerHTML="";
      } 
    }
    xmlhttp.open("POST","/send_message.php",true);
    var f=document.chat;
    var content = f.content.value;
    var sender = f.sender.value;
    //傳送請求
    //這裡使用Post方法傳遞引數；
    //將要構造的引數連線起來，接收的時候：$_POST['send'];
    var post_str= "content="+ content+"&sender="+sender;
    //使用post的時候必須在傳送請求之前加上下面這句
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send(post_str);
  }

以上就是php實現簡單聊天功能的詳細內容，更多請關注TW511.COM其它相關文章！