zoukankan      html  css  js  c++  java
  • [转载]jquery 消息插件仿QQ消息弹出提醒

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

           首先下载插件:https://files.cnblogs.com/qiantuwuliang/jquery.messager.rar,可以查看压缩包里的demo.htm文件,来了解怎么使用此插件!~~
           1、先将jquery.js 和jquery.message.js文件引到页面文件里
        <script type="text/javascript" src="/jquery/jquery.js"></script>
        <script type="text/javascript" src="/jquery/jquery.messager.js"></script>

           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('<font color=red>客人自助单提醒</font>','目前尚有<font color=red>'+data+'</font>个客人自助单未处理,请相关客服尽快处理!<a href=Order.aspx target=_blank>进入处理</a>',10000);
                       }
                    }
                });
         }
        $(document).ready(function(){
         GetOrderCount()
          window.setInterval("GetOrderCount()",60000);//1分钟刷新1次
          });

    在线演示:http://www.corrie.net.cn/demo/messager/
  • 相关阅读:
    sublime text 2安装Emment插件
    PHPExcel IE导出乱码问题
    还是PHPExcel问题
    一条SQL语句查询两表中两个字段
    PHPExcel导出插入图片和居中问题
    jqgrid demo
    openstack horizon 学习(1) 总览
    Python学习笔记
    微软2016校园招聘在线笔试 [Recruitment]
    动态树学习(留坑)
  • 原文地址:https://www.cnblogs.com/fx2008/p/2296084.html
Copyright © 2011-2022 走看看