分享

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

 小马哥技术屋 2017-04-19
/*  前台提醒表  */
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                       
)ENGINE=MyISAM DEFAULT CHARSET=UTF8;

0:私信 1:帖子评论 2:商品售出 3:商品评论
 4:小组申请已发送 5:小组创建成功 6:小组新成员加入
 7:小组旧成员退出 8:活动邀请

然后在前台页面中写一个递归函数,用来请求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();">
 


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多