zoukankan      html  css  js  c++  java
  • jquery滚动条加载数据

    //滚动条
     $(window).scroll(function () {
      var scrollTop = $(this).scrollTop();
      var scrollHeight = $(document).height();
      var windowHeight = $(this).height();
      var data = $("#n").text();
      console.log(data);
            if (scrollTop + windowHeight == scrollHeight) {
                //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
               $.ajax({
                      url: basePath+'/daily/toDailyDebtNextPage.shtml',
                      type: 'GET',
                      dataType: "json",
                      //timeout: 15000,
                      cache:false,
                      data:data,
                          beforeSend: function (e){
                              
                          },
                          success: function(data, status){
                            var html = '';
                                    var list = data.debtList;
                                                 
                                    for (var i = list.length - 1; i >= 0; i--) {
                                  
                                      html += '<div class="list_box"><div class="con"><table><tr><td>标的类型</td><td class="r m">'+list[i].debType+'</td></tr><tr><td>借款人身份证号</td><td class="r no'+data.maxId+'">'+list[i].debtorIdentityNo+'</td></tr><tr><td>借款用途</td><td class="r">'+list[i].debtPurpose+'</td></tr><tr><td>借款金额(元)</td><td class="f_yellow r">'+list[i].loanReceiptAmt+'</td></tr></table></div></div>';
                                  };
                                  
                                   $('#list').append(html);
                                   geshi(data.maxId); 
                                  
                                    console.log(data);
                                    var maxRecords = parseInt(data.maxRecords);
                                    //var startId = 0;
                                    var startId = parseInt(data.maxId)+1;
                                    var userId = parseInt(data.userId);
                                    var prodNo = data.prodNo;
                                    var data ="userId="+userId+"&prodNo="+prodNo+"&startId="+startId+ "&maxRecords="+maxRecords;  
                                    if(list.length<maxRecords)
                                      {$('#m').html("加载完毕..")};
                                    $('#n').text(data);
                          },
                          error:   function(XMLHttpRequest,event,ajaxOptions, thrownError){
     
                          }
                  });
            }
     });
     

    原文地址:http://www.35ui.cn/post/20160311921.html

  • 相关阅读:
    摩托罗拉SE4500 德州仪器TI Omap37xx/AM3715/DM3730/AM3530 wince6.0/Windows Mobile 6.5平台 二维软解调试记录及相关解释
    摩托罗拉SE4500 三星 S3C6410 Wince6.0平台软解码调试记录以及驱动相关问题解释
    MSM8909+Android5.1.1之系统烧录
    PIC16F914SEG脚中电路图注意事项
    PIC16F914ADC模块采集数据转换
    PIC914AD模块使用记录
    PIC914 LCDCON液晶控制寄存器用法
    PIC914SEG设置方法
    示波器用法
    检测单片机是否启动
  • 原文地址:https://www.cnblogs.com/iqian/p/5425746.html
Copyright © 2011-2022 走看看