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();">