• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

php实现简单聊天功能

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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);
  }

更多学习内容请访问:

腾讯T3-T4标准精品PHP架构师教程目录大全,只要你看完保证薪资上升一个台阶(持续更新)

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
nginxphprewrite配置发布时间:2022-07-10
下一篇:
PHPheader的集中用法发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap