[英]Lazy Scroll loading in Ajax call
我已經使用ajax調用從wordpress網站獲取了用戶數據,如下所示:
$.ajax({
url:"http://..../wordpress/wp-json/wp/v2/users",
type: 'GET',
dataType: 'JSON',
data: {limit: 6, order: 'asc'},
success : function(data){
for(i=0; i < data.length; i++){
$('div.about-us').append('<div class="col-md-4 single-grid '+data[i].id+'" onclick="myFunction(\'' + data[i] + '\')"><div class="col-md-11 text-center"><img src="'+data[i].profileImage+'"><h4>'+data[i].name+'</h4><strong>'+data[i].job_title+'</strong></div></div>');
}
}
我正在動態附加每個數據。 我在這里有很多數據“ http://..../wordpress/wp-json/wp/v2/users ”。 我最初只需要6行,如果我向下滾動,它應該再加載6行。 我不想使用jQuery插件。 總的來說,我想要的是沒有任何插件的延遲滾動加載。
使用這樣的東西:
var scrollLimit = 500; // Amount after which ajax() call initializes
var limit = 3; // item count
var offset = 6; // offset
$(window).on('scroll', function() {
scrollPosition = $(this).scrollTop();
if (scrollPosition >= scrollLimit)
{
loadContent(limit, offset); // loadContent method in which ajax() call is defined
// Update values on each scroll
scrollLimit = scrollLimit + 500;
offset = offset + 3;
}
});
取而代之的是:6個這樣的嘗試:
data : {per_page:6, page:page_no}
解決了我的問題。 謝謝
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.