javascript - 无限滚动 MySql Pulls 的简单方法

Question

我在滚动窗口时迭代记录时遇到困难。我最初的想法是加载足够的记录以适合屏幕，然后在窗口滚动到底部时加载额外的记录。我尝试使用 session /变量将一些计数器传递给函数，但没有成功。下面的代码返回足够的记录以适合窗口高度，但有 0,10 限制。有什么简单的方法可以解决这个问题？

另一个问题是我应该在 Mysql 查询上使用 LIMIT 还是 ID > + LIMIT？

$(function(){

setInterval(function(){

var totalHeight, currentScroll, visibleHeight;

if (document.documentElement.scrollTop)
{ currentScroll = document.documentElement.scrollTop; }
else
{ currentScroll = document.body.scrollTop; }

totalHeight = document.body.offsetHeight;
visibleHeight = document.documentElement.clientHeight;

if (totalHeight <= currentScroll + visibleHeight )
  {

    $.get('infinite_pull.php', function(data) {
      $('body').append(data);
      //alert('Load was performed.');
    });

  }
  else
  {
  $('.dd').css('background-color','white');
  }  
            }
, 100);

});

PHP

<?php
    session_start();
    mysql_connect('localhost','root','');
    mysql_select_db('project5');

    $query = "select user_email from users limit 0,10;";
    $results= mysql_query($query);

    while($row = mysql_fetch_array($results)){ 
        echo $row['0'] . '<br/>';
    }

?>

Answer 1

多次调用 php 文件听起来很糟糕，所有这些开销可能比一次性获得所有开销还要糟糕。难道你不能计算一下你需要多少，然后询问这个数字吗？

<?php
    $from = (int) $_GET['from'];
    $count = (int) $_GET['count'];

    mysql_connect('localhost','root','');
    mysql_select_db('project5');

    $query = "select user_email from users limit {$from},{$count};";
    $results= mysql_query($query);

    while($row = mysql_fetch_array($results)){ 
        echo $row['0'] . '<br/>';
    }

?>

我还认为您应该添加一个排序依据，以确保结果始终按相同的顺序排列。