jquery右下角弹出提示框
2016-06-15 00:00
465 查看
功能描述:定时刷新由在线预定订单,动态提醒客户又新的订单需要处理。
工具: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次
});
相关文章推荐
- jquery validation用法
- JQuery 淡入淡出3
- JQuery 淡入淡出1
- JQuery 淡入淡出2
- 米到环球-地址栏-单选框的jquery处理,非典型的tab选项卡处理思维
- 自定义裁剪和缩放图像的jQuery插件Cropit使用的大坑
- jquery 判断一组checkbox是否被选中
- 解决jquery的scrollTop()置顶的浏览器兼容
- Jquery 文本 精确查找
- jquery获取所有选中的checkbox
- 开发自己的JQuery框架
- 使用jquery插件 jquery.table2excel.js 将页面中的表格下载到本地(excel格式)
- jquery循环遍历radio单选按钮,并设置选中状态
- 优秀jquery幻灯片插件汇总
- jQuery中的动画
- jQuery 菜单项切换
- JQuery 封装的应用 还是注册
- jQuery 全选
- chrome不支持jqgrid表格按返回数据顺序显示的解决办法
- 超好用的简单的jquery tab选项卡切换代码(点击切换和导航栏滑过)