本文實(shí)例講述了PHP聊天室簡(jiǎn)單實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：
用戶 => 客服 （先把信息入庫(kù)，然后通過(guò)ob+長(zhǎng)連接不斷從數(shù)據(jù)庫(kù)查詢數(shù)據(jù)發(fā)送給客服）
客服 => 用戶 （先接收用戶信息，然后把回復(fù)信息入庫(kù)，最后通過(guò)ajax輪詢不斷請(qǐng)求數(shù)據(jù)，顯示到用戶聊天界面）
【注意：】如果所有頁(yè)面搭建好，先鏈接客服聊天頁(yè)面（server.php） ,接著再鏈接用戶頁(yè)面（client.php）
附圖說(shuō)明：
第一步：建表
說(shuō)明： rec : 接收信息方， sender : 發(fā)送信息方， content : 發(fā)送內(nèi)容 ， is_new : 作為標(biāo)記，1是 新信息 2是 已讀信息 （默認(rèn)是1）
CREATE TABLE `chat_log` （`log_id` int（11） NOT NULL AUTO_INCREMENT,`rec` varchar（10） NOT NULL COMMENT '接受方',`sender` varchar（10） NOT NULL COMMENT '發(fā)送方',`content` text NOT NULL COMMENT '發(fā)送內(nèi)容',`is_new` tinyint（4） NOT NULL DEFAULT '1' COMMENT '信息 1新信息 0 已讀信息',PRIMARY KEY （`log_id`,`rec`）） ENGINE=MyISAM AUTO_INCREMENT=105 DEFAULT CHARSET=utf8 COMMENT='用戶客服聊天輪詢表'
第二步：鏈接數(shù)據(jù)庫(kù) ： connect.php
$link = mysql_connect（'localhost', 'root', ''）；mysql_query（"set names utf8"）；mysql_select_db（"chat"）；
第三步：用戶聊天界面： client.php
<!doctype html><html><head><meta charset="UTF-8"><title>User窗口</title><style>#user {width: 440px;height: 300px;border: 1px solid blue;}</style><script src='http://code.jquery.com/jquery-latest.js'></script><script>$（function （） {$（"#btn"）。click（function （） {var content = $（"textarea"）。val（）；if（content == ''）{alert（'發(fā)送內(nèi)容不能為空'）；return;}// 發(fā)送給客服<!-- 把提交數(shù)據(jù)通過(guò)toServer.php存入數(shù)據(jù)庫(kù)-->$.post（"toServer.php", {'msg':content}, function （res） {var obj = JSON.parse（res）；$（"#user"）。append（"<b>你向客服發(fā)送：</b>" + obj + "<br>"）；$（"textarea"）。val（" "）；}）；}）；// 用ajax輪詢方式 從數(shù)據(jù)庫(kù)獲取 客服是否有發(fā)送消息給用戶var polling = {"url" : 'fromServer.php',"dataType" : 'json',success : function （res） {//ajax請(qǐng)求返回的數(shù)據(jù)var obj = res;//追加到User聊天的頁(yè)面$（"#user"）。append（"<b style='color:red'>客服回復(fù)：" + obj.content + "</b><br>"）；$.ajax（polling）；}};$.ajax（polling）； //輪詢發(fā)送ajax請(qǐng)求}）</script></head><body><iframe src="" width="0" height="0" frameborder="0"></iframe><h3>與客服聊天窗口</h3><div contenteditable="true" id="user"></div><div><textarea name="msg_list" id="" cols="60" rows="15"></textarea><button id="btn" type="button">send</button></div></body></html>
第四：用戶發(fā)送信息入庫(kù) + ajax輪詢查詢有無(wú)客服回復(fù)信息
toServer.phprequire（'connect.php'）；$msg = htmlspecialchars（$_POST['msg'], ENT_QUOTES）；$sql = "INSERT INTO `chat_log` （rec, sender, content） VALUES（'admin', 'user', '$msg' ）";mysql_query（$sql, $link）；echo json_encode（$msg）；fromServer.phprequire（'connect.php'）；set_time_limit（0）；//永不超時(shí)while （true）{$sql = "SELECT * FROM `chat_log` WHERE rec='user' AND is_new=1 ORDER BY log_id DESC LIMIT 1";$res = mysql_query（$sql, $link）；if（$row = mysql_fetch_assoc（$res））{$sql = "UPDATE `chat_log` SET is_new=0 WHERE log_id=".$row['log_id'];mysql_query（$sql,$link）；die（json_encode（$row））；}}第五步： 客服聊天頁(yè)面 server.php
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>客服窗口</title><style>#server {width: 440px;height: 300px;border: 1px solid blue;}</style><script src='http://code.jquery.com/jquery-latest.js'></script><!-- 進(jìn)行ob緩存輸出 --><script>function showMsg（res） {var obj = eval（res）；$（"#server"）。append（"<b style='color:red'>User向你發(fā)送：" + obj.content + "</b><br/>"）；}//回復(fù)User信息$（function （） {$（"#btn"）。click（function （） {var content = $（"textarea"）。val（）；//客服發(fā)送的信息通過(guò)toClient.php存入數(shù)據(jù)庫(kù)$.post（"toClient.php", {'msg':content},function （res） {var obj = JSON.parse（res）；$（"#server"）。append（"你向User發(fā)送：" + obj+ "<br>"）；$（"textarea"）。val（""）；}）}）；}）</script></head><body><iframe src="./fromClient.php" width="0" height="0" frameborder="0"></iframe><h3>與User聊天窗口</h3><div contenteditable="true" id="server"></div><div><textarea name="msg_list" id="" cols="60" rows="15"></textarea><button id="btn" type="button">send</button></div></body></html> 鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
