做網站時要實現一個功能,就是定時刷新由客人自己下的在線預定訂單,然后提醒她們及時處理,正好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、在 .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/
posted on 2009-10-28 11:47
becket_zheng 閱讀(442)
評論(0) 編輯 收藏 所屬分類:
網頁web前端技術