1. 程式人生 > 其它 >mysql json php 直接使用_php實現簡單聊天功能

mysql json php 直接使用_php實現簡單聊天功能

技術標籤:mysql json php 直接使用php 傳送post不等待結果php 實現留言本增刪改查功能拼團功能實現 php

6f4c9554ea6caaae731ce5237000a50e.png

php中文網最新課程

每日17點準時技術乾貨分享

27371165d3e8f39ced133a7a1440c427.png

2ac216588cdae69db4b30754bcc40aa2.gif

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);  }
e2340f4bc05d25746e68ad1c750ba745.png