页面滚动使用ajax动态加载数据


$(document).ready(function(){  
    var range = 200;             //距下边界长度/单位px  
    var maxnum = 20;            //设置加载最多次数  
    var num = 1;  
    var totalheight = 0;   
    $(window).scroll(function(){  
        var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  
        totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
        if(($(document).height()-range) <= totalheight  && num != maxnum) {
            loadDate(param);//可以加入查询条件
        }  
    });
    loadDate('');//加载数据
});  
function loadDate(param){
                  var year = $("select[name='year'] option:selected").val() ;
                  var curPage = 1 ;
                  if($("#curPage").val()!=''){
                       curPage = parseFloat($("#curPage").val()) + 1;
                  }
                  if($("#curPage").val()!='' && $("#curPage").val()==$("#totalPage").val()){
                      return ;
                  }
                    
                  $.ajax({
                       type: "POST",
                       dataType: "json",
                       url: "${path}/candidateyz/toSignupList_kygk.html",
                       data: "curPage="+curPage+param,
                       async: false,
                       success: function(data){
                           var table = $("#content");
                           var rows = data.rows;
                           $("#curPage").val(data.curPage);
                           $("#totalPage").val(data.totalPage);
                           $.each(rows, function(i, n){
                              if(null==n.ciId||''==n.ciId){
                                  //$(".blueTr").eq(0).children().eq(1).html(n.gws);
                                  //$(".blueTr").eq(1).children().eq(1).html(n.gws);
                                  $(".blueTr").eq(0).children().eq(2).html(n.zfyz);
                                  $(".blueTr").eq(1).children().eq(2).html(n.zfyz);
                                  $(".blueTr").eq(0).children().eq(3).html(n.wpjs);
                                  $(".blueTr").eq(1).children().eq(3).html(n.wpjs);
                                  $(".blueTr").eq(0).children().eq(4).html(n.zyz);
                                  $(".blueTr").eq(1).children().eq(4).html(n.zyz);
                              }else{
                                   var html = "<tr class='datatr'>";
                                  html += "<td class=\"blueLink\" style=\"text-align: left;width:300px;\"><a href=\"${path }/citeacherpost/toKyInfo.html?ciid="+n.ciId+"&year="+year+"\" target=\"_blank\">"+n.jobName+"</a></td>";
                                  html += "<td>"+n.yzInfo+"</td>";
                                  if(n.zfyz!=0){
                                      html += "<td><a href=\"${path }/candidateyz/toTeacherListKygk.html?ciid="+n.ciId+"&year="+year+"\" target=\"_blank\">"+n.zfyz+"</a></td>";
                                  }else{
                                      html += "<td>"+n.zfyz+"</td>";
                                  }
                                   if(n.wpjs!=0){
                                      html += "<td><a href=\"${path }/candidate2016/toTeacherListKygk.html?ciid="+n.ciId+"&year="+year+"\" target=\"_blank\">"+n.wpjs+"</a></td>";
                                  }else{
                                      html += "<td>"+n.wpjs+"</td>";
                                  }
                                  if(n.zyz!=0){
                                      html += "<td><a href=\"${path }/candidatezyz/toTeacherListKygk.html?ciid="+n.ciId+"&year="+year+"\" target=\"_blank\">"+n.zyz+"</a></td>";
                                  }else{
                                      html += "<td>"+n.zyz+"</td>";
                                  }
                                   
                                  html += "</tr>";
                                  table.append(html);
                              }
                           });
                        }
                });
          }
<input id="curPage" name="curPage" value="" type="hidden"/> <%--记录当前页--%>
<input id="totalPage" name="totalPage" value="" type="hidden"/> <%--记录总页数--%>
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM