做网站时要完成一个性能,就是按时刷新由主人本人下的正在线预约定单,而后提示她们实时解决,正好jquery.messager.js能够帮咱们轻松完成此性能,经过按时查问数据库记载,并经过音讯插件弹出提示她们!~~
能够查看紧缩包里的demo.htm文件,来理解怎样应用此插件!~~
一、先将jquery.js 以及jquery.message.js文件引到页面文件里
<script type="text/javascript" src="/jquery/jquery.js"></script> _fcksavedurl=""/jquery/jquery.js"></script>" _fcksavedurl=""/jquery/jquery.js"></script>"
<script type="text/javascript" src="/jquery/jquery.messager.js"></script>
二、正在 .cs文件里 编写 查问数据库记载数的函数
三、正在页面里写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次
});
能够查看紧缩包里的demo.htm文件,来理解怎样应用此插件!~~
一、先将jquery.js 以及jquery.message.js文件引到页面文件里
<script type="text/javascript" src="/jquery/jquery.js"></script> _fcksavedurl=""/jquery/jquery.js"></script>" _fcksavedurl=""/jquery/jquery.js"></script>"
<script type="text/javascript" src="/jquery/jquery.messager.js"></script>
二、正在 .cs文件里 编写 查问数据库记载数的函数
三、正在页面里写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次
});
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。