如何在社交媒体（如网页）中加载特定数量的内容？

Question

我正在创建一个社交媒体风格的网站，并试图通过打开多个标签同时模拟多个用户。 当我打开任务管理器时，我发现我的apache Web服务器在调试和移动脚本后运行了大约20％的cpu，我发现原因在这里

var cnodelist1 = jQuery_3_3_1("#CheckInContainer").length;
function CheckTT()
{
   var cnodelist2 = jQuery_3_3_1("#CheckInContainer").length;
   if(cnodelist2 > cnodelist1)
   {

       var audio = jQuery_3_3_1("#mysoundclip")[0];
       audio.play();
       audio.volume = 0.1;
       cnodelist1 = cnodelist2;
   }
   //Problem is loading alot of content
   jQuery_3_3_1("#CheckInContainer").load(location.href+" #CheckInContainer>*","");

}
setInterval(CheckTT, 5000);

加载更新的帖子容器

<div id = "CheckInContainer">
    <?php 
    $sql2 = "SELECT author,post,date FROM mypage_posts ORDER BY date DESC";
    $con2 = DataBaseConnect();
    $result2 = mysqli_query($con2, $sql2);
    $message = '';
    $date = '';
    $allmsgs = "";

    if(!$result2)
    {
        $errors[] =  "* Error: " . $sql2 . "<br>" . mysqli_error($con2)."<br>";
    }
    else
    {
        while($row2 = mysqli_fetch_assoc($result2)) 
        {
            $message = isset($row2['post']) ? $row2['post'] : '';
            $date = isset($row2['date']) ? $row2['date'] : '';
            $auth = isset($row2['author']) ? $row2['author'] : 'Guest';

            $sql3 = "SELECT user_avatar FROM accounts WHERE user_displayname = '$auth'";
            $con3 = DataBaseConnect();
            $result3 = mysqli_query($con3, $sql3);
            $av = 'i/guest.png';

            while($row3 = mysqli_fetch_assoc($result3)) 
            {
                $av = isset($row3['user_avatar']) ? $row3['user_avatar'] : 'i/guest.png';
            }

            if(!empty($message))                 
            {
                $message = htmlspecialchars($message);
                $message = wordwrap(nl2br($message),208,"\n",true);
                $message = autolink($message, array("target"=>"_blank","rel"=>"nofollow"));
                $dont_send = false;
                $type = "<b>Global</b>";
                $en = '';

                if($message[0] == "@")
                {
                    $n = isset($_SESSION['user_name']) ? $_SESSION['user_name'] : '';
                    $l = strlen($n);

                    if(empty($n))
                    {
                        $dont_send = true;
                    }
                    else
                    {
                        for($i = 1;$i<$l;++$i)
                        {
                            if($message[$i] != $n[$i-1])
                            {
                                echo '$message[$i]';
                                $dont_send = true;
                                break;
                            }
                        }
                    }

                    if(!$dont_send)
                    {
                        $message = substr($message, $l+2);
                        $type = "<b>Private</b>";
                    }
                }

                if(!$dont_send && $_SESSION['entered'])
                {
                    $allmsgs.= '<pre id ="ptext"style = "text-align:left;position:relative;"><img src = "'.$av.'" style = "width:32px; height:32px; padding:16px;padding-left:0px;padding-bottom:0px;" alt="Avatar" /><span style = "position: absolute;top: 16px;left: 42px;"><b>'.$auth.'</b><br><i>'.time_elapsed_string($date,false).' '.$type.'</i></span><br><br><br>'.TextToEmotes(wordwrap(nl2br($message),69,"\n",true)).'</pre>
                    <div class="blank_bar" style = "width:100%;border: 1px solid #586167;"><a href="" style = "padding-right: 30px;">Rate</a><a href="">Reply</a></div><div name = "seperator" id = "seperator"></div>';
                }
            }                   
        }

        if(!empty($allmsgs))
        {
            echo $allmsgs;
        }
    }   
    ?>
</div>

问题是我在数据库中有1000多个帖子，当然加载这么多的内容是荒谬的，所以我的问题是如何管理加载所需的内容？ 我想我将不得不跟踪垂直滚动位置并基于其加载内容，然后更改我的sql查询以从中使用，在scrollposition，scrollposition + maxload，orderby，desc之间使用。

这是我迷路的地方，我不确定如何将所有这些组合在一起，或者这是否是解决此问题的合理方法。

Answer 1

您对滚动位置有个好主意。 那就是几乎所有社交网站都使用的东西。 现在，为了让您做出类似的事情，您需要

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height()-$(window).height()){
        alert("We're at the bottom of the page!!");
        // Ajax request right here
    }
});

每次加载更多结果时，都需要将其计为一页，并且在PHP脚本中使其像分页一样工作