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); }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。