php 聊天功能,php实现简单聊天功能

1cf14ba878ffc060c0d674548067b2bb.png

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值