jQuery+ThinkPHP+Ajax實現即時消息提醒功能

時間 2019-12-10

標籤 jquery+thinkphp+ajax jquery thinkphp ajax 實現即時消息提醒功能欄目 JQuery 简体版

原文原文鏈接

心血來潮想爲本身的小項目作一個提醒系統，譬如私信，評論等消息都能及時傳遞過來。因爲道行尚淺，網上那些長輪詢對於我略微複雜，因而以爲仍是本身寫一寫試試比較好。

個人思路是，單獨在數據庫中建一個提醒表，表主要由接收者的id和消息類型兩個字段組成javascript

*  前臺提醒表  */
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：小組申請已發送 5：小組建立成功 6：小組新成員加入 7：小組舊成員退出 8：活動邀請
)ENGINE=MyISAM DEFAULT CHARSET=UTF8;

而後在前臺頁面中寫一個遞歸函數，用來請求Ajaxjava

function require() {
      var url = "{U('Group/checkNotify')}";
        　　
      $.get(url,null,function(data) {
        　　　　　　
            // 若是得到的數據不爲空，則顯示提醒
           if ($.trim(data) != '') {

               // 這裏寫提醒的方式
        　　　　alert('haha');
           }
      });

      // 每三秒請求一次
      setTimeout('require()',3000);
}

在後臺查詢三秒前到當前時刻數據庫中是否有數據插入，若是有，則返回所須要的信息數據庫

public function checkNotify() {

    // 實例化自定義的模型類
    $Notify = D("Notification");

    // 獲取當前用戶的id
    $mid = $_SESSION['member']['id'];

    // 因爲Ajax三秒鐘才執行一次，因此新數據的插入時間要晚於查詢的的請求時間（當前時間）三秒鐘
    $time = time() - 3;

    // 準備查詢條件
    $where = "mid = $mid and created>$time";

     // 查找數據庫中是否有新數據插入
    $bool = $Notify->where($where)->find();
        
    // 若是查詢結果非空，則輸出結果集第零條數據的type參數，即提醒類型，而後再從數據庫對應表中獲取提醒內容
    //本測試默認3秒中內只有一條消息，若是想更加精確，也能夠縮短請求時間
    if ($bool != null) {

        //測試數據          
        echo $bool[0]['type'];
    };
}

固然，要讓文檔載入完畢後就執行該函數函數

<body onload="javascript:return require();">

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。