您的位置:知识库 » Web前端

jQuery 消息插件--仿QQ消息弹出提醒

作者: 钱途无梁  来源: 博客园  发布时间: 2009-12-18 14:51  阅读: 5821 次  推荐: 0   原文链接   [收藏]  

  做网站时要实现一个功能,就是定时刷新由客人自己下的在线预定订单,然后提醒她们及时处理,正好jquery.messager.js可以帮我们轻松实现此功能,通过定时查询数据库记录,并通过消息插件弹出提醒她们!

       首先下载插件:http://www.corrie.net.cn/demo/messager/jquery.messager.rar,可以查看压缩包里的demo.htm文件,来了解怎么使用此插件!~~
       1、先将jquery.js 和jquery.message.js文件引到页面文件里

       2、在 .cs文件里 编写 查询数据库记录数的函数

       3、在页面里写js代码来实现定时查询

function GetOrderCount()
{
$.ajax({
type:
"get",
dataType:
"html",
url:
"/Jquery/ashx/order.ashx",
data:
"",
success:
function(data){
if (data>0)
{
$.messager.anim(
'fade', 2000);
$.messager.show(
'客人自助单提醒','
  目前尚有'+data+'个客人自助单未处理,请相关客服尽快处理!进入处理',10000);
}
}
});
}
$(document).ready(
function(){
GetOrderCount()
window.setInterval(
"GetOrderCount()",60000);//1分钟刷新1次
});

在线演示:http://www.corrie.net.cn/demo/messager/

0
0
标签:jQuery 插件

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻