zoukankan      html  css  js  c++  java
  • 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);
      }

    更多学习内容请访问:

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

  • 相关阅读:
    Hadoop添加节点的方法
    CSS中如何实现DIV居中
    Python新手入门教程,从环境准备到掌握基本编程
    八、使用pull解析器操作xml文件
    九、使用SharedPreferences进行数据存储
    十八、发送xml数据给服务器
    四、对应用进行单元测试
    二、短信发送器
    一、电话拨号器
    十四、ContentProvider往通讯录添加联系人和获取联系人
  • 原文地址:https://www.cnblogs.com/a609251438/p/12845676.html
Copyright © 2011-2022 走看看