懶滾動裝載在Ajax調用

我使用Ajax調用像這樣從WordPress站點獲取用戶數據：懶滾動裝載在Ajax調用

$.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插件。總的來說，我想要的是惰性滾動加載沒有任何插件。

來源

2017-04-12 Swapnil Patil

使用這樣的事情：

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; 
    } 
});

來源

2017-04-12 09:30:13

即使我指定限制爲6它給我所有的行。 –

然後問題在您的服務器端查詢。 @SwapnilPatil –

你必須在服務器端發送'limit，offset'值，並在帶有LIMIT和OFFSET的查詢中使用它 –

而是限制：6試過這樣：

data : {per_page:6, page:page_no}

解決我的問題。謝謝

來源

2017-04-12 11:17:21

懶滾動裝載在Ajax調用

回答

相關問題