mysql json php 直接使用_php實現簡單聊天功能
阿新 • • 發佈:2020-12-23
技術標籤:mysql json php 直接使用php 傳送post不等待結果php 實現留言本增刪改查功能拼團功能實現 php
php中文網最新課程
每日17點準時技術乾貨分享
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); }
▼