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次
});
相关 [jquery 下角] 推荐:
JQuery 选择器
- - CSDN博客Web前端推荐文章点击我
. 像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.点击我
. //给class为demo的元素添加行为.jquery操作xml
- - CSDN博客Web前端推荐文章jQuery JSONP跨域
- - Web前端 - ITeye博客jquery 插件
- - JavaScript - Web前端 - ITeye博客让jquery更快
- - JavaScript - Web前端 - ITeye博客jQuery Tools:Web开发必备的 jQuery UI 库
- - 博客园_首页jQuery基础之jQuery的DOM操作
- - CSDN博客推荐文章你最喜欢的水果是?
.