php实现简单聊天功能-tutorial php-php.cn

php实现简单聊天功能

Guanhui

Lepaskan： 2023-04-08 16:08:02

asal

4408 orang telah melayarinya

php实现简单聊天功能

php实现简单聊天功能

1、创建聊天消息表，其表的字段有消息内容，发送时间和发送者的名称；

SQL：

CREATE TABLE `guanhui`.`message` ( 
    `id` INT(10) NOT NULL AUTO_INCREMENT COMMENT &#39;消息ID&#39; , 
    `content` VARCHAR(255) NOT NULL COMMENT &#39;消息内容&#39; , 
    `sender` VARCHAR(60) NOT NULL COMMENT &#39;发送者&#39; , 
    `send_time` INT(10) NOT NULL COMMENT &#39;发送时间&#39; ,
     PRIMARY KEY (`id`)
 ) ENGINE = MyISAM;

Salin selepas log masuk

2、创建php文件将聊天消息查询出来，并以json格式输出；

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

Salin selepas log masuk

3、在前端使用Ajax轮询请求php文件，并将消息展示出来。

setInterval(function(){

    $.get(&#39;/get_message_list.php&#39;, function(data){

        $(data).each(function(value, item){
            $(&#39;#message_list&#39;).append(&#39;来自：&#39; + data.sender + &#39;的消息：&#39; + data.message + &#39;发送时间：&#39;, data.send_time);
        });

    });

}, 600);

Salin selepas log masuk

4、创建send_message.php用来接收发送的消息，并将数据储存到数据库。

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

Salin selepas log masuk

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[&#39;send&#39;];
    var post_str= "content="+ content+"&sender="+sender;
    //使用post的时候必须在发送请求之前加上下面这句
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send(post_str);
  }

Salin selepas log masuk

Atas ialah kandungan terperinci php实现简单聊天功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!