jQuery+ThinkPHP+Ajax实现即时消息提醒功能

创建时间：2017-03-21 投稿人：浏览次数：1014

我的思路是，单独在数据库中建一个提醒表，表主要由接收者的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：小组申请已发送 5：小组创建成功 6：小组新成员加入 7：小组旧成员退出 8：活动邀请
)ENGINE=MyISAM DEFAULT CHARSET=UTF8;

然后在前台页面中写一个递归函数，用来请求Ajax。

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

声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。

上一篇： php大型网站如何提高性能和并发访问
下一篇：没有了

热门文章: jQuery+ThinkPHP+Ajax实现即时消...

最新文章: php大型网站如何提高性能和...