独角兽企业重金招聘Python工程师标准>>>
<html><head><metacharset="gb18030"/> <scripttype="text/javascript"src="./js/jquery.js"></script> <script> vartotalheight=0; functionloadData(){ totalheight=parseFloat($(window).height())+parseFloat($(window).scrollTop()); if($(document).height()<=totalheight){//说明滚动条已达底部 /*这里使用Ajax加载更多内容*/ varcontainer=$("#container");//加载容器 vardata={};//查询参数 //当前页 varcurrentPage=parseInt(container.find('#currentPage').val()); //总页数 varmaxPage=parseInt(container.find('#maxPage').val()); //查询日期范围 varstartDate=container.find('#startDate').val()); varendDate=container.find('#endDate').val()); data.currentPage=currentPage; data.maxPage=maxPage; data.startDate=startDate; data.endDate=endDate; jQuery.ajax({ type:"POST", url:"/servlet/query.do", data:data, dataType:"json", beforeSend:function(XMLHttpRequest){ $("#loading").css('display',''); },success:function(response){ if(response.data){ for(vari=0,length=response.data.length;i<length;i++){ varhtml=response.data[i]; vartest=$(html); container.append(test); } container.find('#currentPage').val(parseInt(currentPage)+1)); $("#loading").css('display','none'); } },error:function(){ alert("加载失败"); } }); } } $(window).scroll(function(){ loadData(); }); </script> </head> <body> <divid="container"> 这里显示内容 </div> <divid='loading'> <imgsrc="./imgs/loading.gif"/> </div> </body> </html>
