在 php ajax 中加載更多結果的問題

Question

我在 PHP 上遵循 MVC 結構，這是我從github下載的，這對我非常有幫助。

現在我已經實現了延遲加載的 Ajax 功能，以便在用戶點擊時加載更多帖子（加載更多）。

我已經在這個結構上實現了它，它工作得很好，但我遇到了小問題。 問題是當沒有可用的記錄時，它仍然顯示我加載更多內容，然后顯示沒有更多內容要加載

我試圖解決這個問題，但我無法解決這就是我來到這里的原因。

我的代碼有效：

索引.php

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $('.more_button').live("click", function () {
        var getId = $(this).attr("id");
        if (getId) {
            $("#load_more_" + getId).html('<img src="<?php echo URL; ?>public/img/load_img.gif" style="padding:10px 0 0 100px;"/>');
            $.ajax({
                type: "POST",
                url: "<?php echo URL; ?>home/loadSong",
                data: "getLastContentId=" + getId,
                cache: false,
                success: function (html) {
                    $("ul#load_more_ctnt").append(html);
                    $("#load_more_" + getId).remove();
                }
            });
        } else {
            $(".more_tab").html("<div class='all_loaded'>No More Content to Load</div>");
        }
        return false;
    });
});
</script>

<div class='main_div'>
    <ul class="load_content" id="load_more_ctnt">
        <?php foreach ($songs as $song) { $id = $song->id; ?>
            <li> <a href="#"><?php if (isset($song->artist)) echo $song->artist; ?></a> </li>
        <?php } ?>
    </ul>
    <div class="more_div">
        <a href="#">
            <div id="load_more_<?php echo $id; ?>" class="more_tab">
                <div class="more_button" id="<?php echo $id; ?>">Load More Content</div>
            </div>
        </a>
    </div>
</div>

home.php（控制器）

public function loadSong() {

        if(isset($_POST['getLastContentId'])) {
            // load model, perform an action on the model
            $getLastContentId=$_POST['getLastContentId'];
            $songs_model = $this->loadModel('HomeModel');
            $songs_model->loadmoreSong($getLastContentId);
        }
    }

homemodel.php（模型）

public function loadmoreSong($getLastContentId) {       

        if(isset($_POST['getLastContentId'])) {

            $getLastContentId=$_POST['getLastContentId'];

            $sql = "select id, artist, track, link from song WHERE id <".$getLastContentId." ORDER BY id DESC LIMIT 10";
            $query = $this->db->prepare($sql);
            $query->execute();
            $count = $query->fetchAll();

            if($count>0) {
                $id = "";
                for($i=0; $i<count($count); $i++){
                    $id = $count[$i]->id;
                    $message = $count[$i]->artist;
                ?>

                    <li>
                        <a href="#"><?php echo $message; ?></a>
                    </li>

                <?php
                    }
                ?>

                <a href="#">
                    <div id="load_more_<?php echo $id; ?>" class="more_tab">
                        <div id="<?php echo $id; ?>" class="more_button">Load More Content</div>
                    </div>
                </a>

            <?php
                }
            }
    }

我的現場演示鏈接：加載更多演示

我希望你明白我的問題。 需要您的幫助來解決此問題。

謝謝。

Answer 1

只需編輯這段代碼：

<a href="#">
 <div id="load_more_<?php echo $id; ?>" class="more_tab">
 <div id="<?php echo $id; ?>" class="more_button">Load More Content</div>
 </div>
</a>

對此：

<?php    
if($id!=""){
?>
<a href="#">
 <div id="load_more_<?php echo $id; ?>" class="more_tab">
 <div id="<?php echo $id; ?>" class="more_button">Load More Content</div>
 </div>
</a>
<?php
}
?>

Answer 2

將SQL_CALC_FOUND_ROWS添加到您的 SELECT 查詢中，例如：

select SQL_CALC_FOUND_ROWS id, artist, tra....

然后檢查找到的行：

SELECT FOUND_ROWS()

將結果存儲在 var $found_rows 中。

然后，在homemodel.php的末尾，您將擁有：

if ( $count < $found_rows ) {
    ?>
            <a href="#">
                <div id="load_more_<?php echo $id; ?>" class="more_tab">
                    <div id="<?php echo $id; ?>" class="more_button">Load More Content</div>
                </div>
            </a>
    <?php
} else {
    ?>
            <a href="#">
                <div id="load_more_<?php echo $id; ?>" class="more_tab">
                     <div class='all_loaded'>No More Content to Load</div>
                </div>
            </a>
    <?php
}

Answer 3

改變：

if($count > 0)

到：

if($count)