2013-01-12 70 views
0

我在jQuery中有這樣的代碼,它是這樣寫的,當我向下滾動鼠標時,下一組記錄從數據庫中獲取並顯示出來。最初我的頁面顯示了25條記錄,並且當我向下滾動下一個從db中獲取的15條記錄時。我的問題是,我無法設置計數器並在調用滾動函數時增加計數器。還有,當我向下滾動顯示相同的15個記錄。 這是我的代碼...通過ajax傳遞動態值

$(window).on('scroll',function(){ 
    if($(window).scrollTop()==($(document).height()-$(window).height())){ 

    $.ajax({ 
     type: 'POST', 
     url: 'getdata.php', 
     success: function(nxt_data){ 
      $('#data').append(nxt_data); 
     } 
    }); 
    } 
}); 

回答

1

你的問題似乎是因爲getdata.php無法知道要返回哪些記錄,所以它只是返回相同的15行。

var counter=25; 

$(window).on('scroll',function(){ 
    if($(window).scrollTop()==($(document).height()-$(window).height())){ 

    $.ajax({ 
     type: 'GET', 
     url: 'getdata.php?start_row=' + counter, 
     success: function(nxt_data){ 
      $('#data').append(nxt_data); 
      counter += 15; 
     } 
    }); 
    } 
}); 

在你的PHP文件,你可以使用$_GET['start_row'];

+0

感謝我西港島線試試... –

+0

是啊,這是對我的感謝做工精細.... ........ –

2

創建頁面變量,然後添加到它每次的AJAX調用。

var page = 1; 
$(window).on('scroll', function() { 
    if ($(window).scrollTop() == ($(document).height() - $(window).height())) { 
    page++; 

    $.ajax({ 
     type: 'POST', 
     data: 'page=' + page, 
     url: 'getdata.php', 
     success: function (nxt_data) { 
     $('#data').append(nxt_data); 
     } 
    }); 
    } 
}); 
+0

感謝訪問計數器變量我會嘗試 –