站长资讯网
最全最丰富的资讯网站

php实现简单聊天功能

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

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号