做网站时要实现一个功能,就是定时刷新由客人自己下的在线预定订单,然后提醒她们及时处理,正好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/
首先下载插件: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/
分类:
06~javascript
, 07~jquery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)