如何在社交媒體（如網頁）中加載特定數量的內容？

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腳本中使其像分頁一樣工作