ajax实时刷新

来源：互联网发布：linux环境变量配置编辑：程序博客网时间：2024/06/05 08:28

//实时刷新页面<span style="font-family: Arial, Helvetica, sans-serif;">数据，每隔一段时间一刷新，期间如果有新增订单的话，在右下角弹出提示框【“有一笔新的订单！请注意查看”】</span>

$(document).ready(        function(){               var int=self.setInterval("query_newXyxOrder()",1000);               var int1=self.setInterval("borderColorShow()",1600);               var int2=self.setInterval("borderColorHide()",1300);               $(".popupConfim").click(                       function(){                           window.location.reload();//刷新当前页面                       }               )        })function query_newXyxOrder(){    htmlobj1 = $.ajax({url:'queryNewXyxOrder',                       async:false,                       method:'get',                       dataType: 'json',                       data: {                              loadNum:$("[name='loadNum']").text(),                       }    });    jsonstr1  = htmlobj1.responseText;    //alert(jsonstr1);    //根据新提示订单个数对数字位移进行处理    if(jsonstr1 < 10){        $("[name='newOrderNum']").css("paddingLeft","11px");        $("[name='newOrderNum']").text(jsonstr1);    }else if(jsonstr1 < 99){        $("[name='newOrderNum']").css("paddingLeft","7px");        $("[name='newOrderNum']").text(jsonstr1);    }else{        $("[name='newOrderNum']").css("paddingLeft","4px");        $("[name='newOrderNum']").text("99+");    }    if(jsonstr1 == 0){        $("[name='popup']").hide();    }else{        $("[name='popup']").show();    }}

//边框处理function borderColorShow(){     $("[name='popup']").css("border-color","#FF9224");}function borderColorHide(){    $("[name='popup']").css("border-color","#d0d0d0");}

<img src="http://img.blog.csdn.net/20160808103354515" style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);" alt="" />

0 0