首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery右上角弹出提示框

2012-06-29 
jquery右下角弹出提示框功能描述:定时刷新由在线预定订单,动态提醒客户又新的订单需要处理。工具:jquery.me

jquery右下角弹出提示框

功能描述:定时刷新由在线预定订单,动态提醒客户又新的订单需要处理。

工具:jquery.messager.js

 首先下载插件:http://www.corrie.net.cn/demo/messager/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、完成一个servlet的处理,用来进行查询数据库订单表记录数

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

function GetOrderCount()
    {
      $.ajax({
            type: "get",
            dataType: "html",
            url: http://localhost:8080/MyTestWeb/servlet1.do,
             data: "",
            success: function(data){
               if (data>0)
                   {
                     $.messager.anim('fade', 2000);
                     $.messager.show('<font color=red>新订单提醒</font>','目前有<font color=red>'+data+'</font>个客人自助订单未处理,请相关尽快处理!<a href=orderProcess.jsp target=_blank>处理页面</a>',10000);
                   }
                }
            }); 
     }
    $(document).ready(function(){
     GetOrderCount()
      window.setInterval("GetOrderCount()",60000);//1分钟刷新1次
      });

热点排行