jQuery+ThinkPHP+Ajax實現(xiàn)即時消息提醒功能實例代碼
更新時間：2017年03月21日 17:04:50 作者：jauliu
這篇文章主要介紹了jQuery+ThinkPHP+Ajax實現(xiàn)即時消息提醒功能的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下
心血來潮想為自己的小項目做一個提醒系統(tǒng)，譬如私信，評論等消息都能及時傳遞過來。由于道行尚淺，網(wǎng)上那些長輪詢對于我略微復雜，于是覺得還是自己寫一寫試試比較好。
我的思路是，單獨在數(shù)據(jù)庫中建一個提醒表，表主要由接收者的id和消息類型兩個字段組成
/* 前臺提醒表 */ CREATE TABLE IF NOT EXISTS notification( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, -- 主鍵自增 mid INT NOT NULL DEFAULT 0, -- 用戶id type INT NOT NULL DEFAULT 0 -- 0：私信 1：帖子評論 2：商品售出 3：商品評論 4：小組申請已發(fā)送 5：小組創(chuàng)建成功 6：小組新成員加入 7：小組舊成員退出 8：活動邀請 )ENGINE=MyISAM DEFAULT CHARSET=UTF8;
然后在前臺頁面中寫一個遞歸函數(shù)，用來請求Ajax。
function require() {
var url = "{U('Group/checkNotify')}";
$.get(url,null,function(data) {
// 如果獲得的數(shù)據(jù)不為空，則顯示提醒
if ($.trim(data) != '') {
// 這里寫提醒的方式
alert('haha');
}
});
// 每三秒請求一次
setTimeout('require()',3000);
}
在后臺查詢?nèi)肭暗疆斍皶r刻數(shù)據(jù)庫中是否有數(shù)據(jù)插入，如果有，則返回所需要的信息
public function checkNotify() {
// 實例化自定義的模型類
$Notify = D("Notification");
// 獲取當前用戶的id
$mid = $_SESSION['member']['id'];
// 由于Ajax三秒鐘才執(zhí)行一次，所以新數(shù)據(jù)的插入時間要晚于查詢的的請求時間（當前時間）三秒鐘
$time = time() - 3;
// 準備查詢條件
$where = "mid = $mid and created>$time";
// 查找數(shù)據(jù)庫中是否有新數(shù)據(jù)插入
$bool = $Notify->where($where)->find();
// 如果查詢結果非空，則輸出結果集第零條數(shù)據(jù)的type參數(shù)，即提醒類型，然后再從數(shù)據(jù)庫對應表中獲取提醒內(nèi)容
//本測試默認3秒中內(nèi)只有一條消息，如果想更加精確，也可以縮短請求時間
if ($bool != null) {
//測試數(shù)據(jù)
echo $bool[0]['type'];
};
}
當然，要讓文檔載入完畢后就執(zhí)行該函數(shù)
<body onload="javascript:return require();">
以上所述是小編給大家介紹的jQuery+ThinkPHP+Ajax實現(xiàn)即時消息提醒功能實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
用jquery統(tǒng)計子菜單的條數(shù)示例代碼
統(tǒng)計子菜單條數(shù)的方法有很多，在本文為大家詳細介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友不要錯過2013-10-10
這篇文章主要介紹了jquery插件實現(xiàn)掃雷游戲的第三篇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
jQuery插件easyUI實現(xiàn)通過JS顯示Dialog的方法
這篇文章主要介紹了jQuery插件easyUI實現(xiàn)通過JS顯示Dialog的方法,實例分析了jQuery插件easyUI彈出Dialog的具體實現(xiàn)技巧,需要的朋友可以參考下2016-09-09
本文主要介紹了jQuery實現(xiàn)拖動剪裁圖片作為頭像的具體實例方法，具有很好的參考價值，下面跟著小編一起來看下吧2016-12-12
EXT體積大,jQuery更專注于簡化最基礎的開發(fā)工作.所以使用起來,也就感覺更像是使用原始的js進行開發(fā)一樣2010-04-04
下面小編就為大家?guī)硪黄猨Query之動畫ajax事件(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細介紹了jquery插件說下無縫輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數(shù)據(jù)量的交互。尤其是對于高清晰的圖片，占了幾百K的空間。那么我們?nèi)绾尾拍芨淖冞@種狀況呢，這就是今天我們要探討的問題了。2015-03-03
這篇文章主要介紹了使用CSS樣式position:fixed水平滾動的方法,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了jquery實現(xiàn)上傳文件進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03