开发者社区> 问答> 正文

前端js上拉刷新获取数据问题

我第一次操作上拉,触发ajax进行加载数据,那我第二次再上拉的话,不就又重复加载了一次吗?如果用分页的话,我是怎么判断这是第几次上拉,更新哪页呢?

我表达的可能不是很好,如果哪里不明白可以说一下,最好能放一下实现源码,先谢谢各位了

展开
收起
小旋风柴进 2016-05-30 09:50:44 2173 0
1 条回答
写回答
取消 提交回答
  • $( function(){
              var i=1;
            
             $(window).scroll( function(){
                      var scrollTop = 0;
                      var clientHeight = 0;
                      var scrollHeight = 0;
                      var replaceAppNo=$("input[name='replaceAppNo']" ).val();
                      if (document.documentElement && document.documentElement.scrollTop) {
                          scrollTop = document.documentElement.scrollTop;
                      } else if (document.body) {
                          scrollTop = document.body.scrollTop;
                      }
                      if (document.body.clientHeight && document.documentElement.clientHeight) {
                          clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
                      } else {
                          clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
                      }
                      scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
                      if (scrollTop + clientHeight == scrollHeight) {           
                          $.getJSON("*****Action_getAjaxList.action" ,{page:i,replace_App_No:replaceAppNo},function(json){                
                                $.each(json, function(n,value){
                                        var trs = "" ;
                                       trs += "<tr><td align='center'><input type='checkbox'></td><td align='center'>"+(value.quaNo== undefined?'' :value.quaNo)+"</td><td align='center'>"+(value.chaVin== undefined?'' :value.chaVin)+"</td><td align='center'>"+(value.prdModelNo== undefined?'' :value.prdModelNo)+"</td><td width='10%' align='right'>"+value.quaMone+ "</td><td align='center'>"+(value.facDate== undefined?'' :value.facDate)+"</td><td align='center'>"+(value.accDate== undefined?'' :value.accDate)+"</td><td width='6%' align='center'>"+(value.cerType== undefined?'' :value.cerType)+"</td><td align='center'>"+(value.brandNo== undefined?'' :value.brandNo)+"</td></tr>";
                                       $( "#tablist tr:last" ).after(trs);
                                });
                          });
                          i++;
                      }
             });
    2019-07-17 19:19:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载