jquery滾動條加載數據

2024-04-27 15:04:30

字體：大中小

來源：轉載

供稿：網友

//滾動條 $(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].loanRecePRodNo = 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){ } }); } });

上一篇：清除浮動造成的影響的解決方案總結

下一篇：jQuery實現頁面滾動時動態加載內容的方法