jQuery+ThinkPHP+Ajax實現(xiàn)即時消息提醒功能實例代碼
心血來潮想為自己的小項目做一個提醒系統(tǒng),譬如私信,評論等消息都能及時傳遞過來。由于道行尚淺,網(wǎng)上那些長輪詢對于我略微復(fù)雜,于是覺得還是自己寫一寫試試比較好。
我的思路是,單獨在數(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)肭暗疆?dāng)前時刻數(shù)據(jù)庫中是否有數(shù)據(jù)插入,如果有,則返回所需要的信息
public function checkNotify() { // 實例化自定義的模型類 $Notify = D("Notification"); // 獲取當(dāng)前用戶的id $mid = $_SESSION['member']['id']; // 由于Ajax三秒鐘才執(zhí)行一次,所以新數(shù)據(jù)的插入時間要晚于查詢的的請求時間(當(dāng)前時間)三秒鐘 $time = time() - 3; // 準備查詢條件 $where = "mid = $mid and created>$time"; // 查找數(shù)據(jù)庫中是否有新數(shù)據(jù)插入 $bool = $Notify->where($where)->find(); // 如果查詢結(jié)果非空,則輸出結(jié)果集第零條數(shù)據(jù)的type參數(shù),即提醒類型,然后再從數(shù)據(jù)庫對應(yīng)表中獲取提醒內(nèi)容 //本測試默認3秒中內(nèi)只有一條消息,如果想更加精確,也可以縮短請求時間 if ($bool != null) { //測試數(shù)據(jù) echo $bool[0]['type']; }; }
當(dāng)然,要讓文檔載入完畢后就執(zhí)行該函數(shù)
<body onload="javascript:return require();">
以上所述是小編給大家介紹的jQuery+ThinkPHP+Ajax實現(xiàn)即時消息提醒功能實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
使用jQuery fancybox插件打造一個實用的數(shù)據(jù)傳輸模態(tài)彈出窗體
模態(tài)窗體已經(jīng)成為Web開發(fā)人員設(shè)計界面時經(jīng)常要使用的傳輸數(shù)據(jù)的方式;通過模態(tài)窗口,可以提高網(wǎng)站的可用性;你可以在你的郵件里收到用戶發(fā)送的反饋消息2013-01-01JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼
這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04jQuery dataTables與jQuery UI 對話框dialog的使用教程
這篇文章主要介紹了jQuery dataTables與jQuery UI 對話框dialog的使用教程的相關(guān)資料,本文介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下2016-09-09setInterval,setTimeout與jquery混用的問題
當(dāng)遇到setInterval,setTimeout與jquery混用的問題 時,直接按JavaScript中的語法寫并不起作用,有以下兩種解決方法2013-04-04Jquery實現(xiàn)select multiple左右添加和刪除功能的簡單實例
下面小編就為大家?guī)硪黄狫query實現(xiàn)select multiple左右添加和刪除功能的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05