как остановить бесконечное l oop когда данных больше нет (нумерация страниц)

Question

Мне нужна помощь с этим jquery сценарием, который я использую в своей пагинации для создания отложенной загрузки / бесконечной прокрутки.

Загрузка работает, однако она продолжает отображать 1 при каждой загрузке новых данных и в конце, если данных больше нет, он сохраняет нагрузку 1 1 1 1 бесконечно. Мне нужна помощь в избавлении от 1 и остановке загрузки, если больше нет данных из базы данных.

Мой скрипт:

<script type="text/javascript">
    $(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() >= $(document).height()) {
            var last_id = $(".post-id:last").attr("id");
            loadMoreData(last_id);
        }
    });


    function loadMoreData(last_id){
      $.ajax(
            {
                url: 'LoadingData1.php?last_id=' + last_id,
                type: "get",
                beforeSend: function()
                {
                    $('.ajax-load').show();
                }
            })
            .done(function(data)
            {
                $('.ajax-load').hide();
                $("#load-data").append(data);
            })
            .fail(function(jqXHR, ajaxOptions, thrownError)
            {
                  alert('There's an issue with Loading...');
            });
    }
</script>

Мои данные загрузки1. php код

<?php
                            $newid = $_GET['last_id'];
                            $not = $db -> prepare('SELECT * FROM orderinhomeonlinecall WHERE id < ? AND cuid=? ORDER BY id DESC LIMIT 10');
                            $not -> bind_param('ii', $newid, $uid);
                            $not -> execute();
                            $result = $not->get_result();       
                            $json = include('data1.php');
                            echo json_encode($json);

?>

Мои данные1. php код:

<?php while ($row = $result->fetch_array()) {
                                $id1 = $row['id'];
                                $orderId1 = $row['orderId'];
                                $serviceName1 = $row['serviceName'];
                                $totalprice1 = $row['totalprice'];
                                $orderStatus1 = $row['orderStatus'];
?>



                                <a href="booktype/orderdetails.php?orderId=<?php echo $orderId1; ?>" class="post-id" id="<?php echo $id1 ?>">
                                <?php switch ($orderStatus1) {
                                        case 1: ?>
                                    <i class="fa fa-circle color-gray2-dark"></i>
                                    <span><?php echo $serviceName1; ?></span>
                                    <strong><?php echo $ctype1; ?></strong>

                                    <em class="bg-gray2-light font-11">&#8358;<?php echo $totalprice1; ?></em>
                                        <?php break;


                                        case 2:
                                        case 3:
                                        case 4:
                                        case 5:
                                            ?>
                <i class="fa fa-circle color-blue2-dark"></i>
                                    <span><?php echo $serviceName1; ?></span>
                                    <strong><?php echo $ctype1; ?></strong>
                <em class="bg-blue2-light font-11">&#8358;<?php echo $totalprice1; ?></em>
                                        <?php break;
                                        case 6:
                                            ?>
                <i class="fa fa-circle color-green2-dark"></i>
                                    <span><?php echo $serviceName1; ?></span>
                                    <strong><?php echo $ctype1; ?></strong>
                <em class="bg-green2-light font-11">&#8358;<?php echo $totalprice1; ?></em>
                                        <?php break;

                                        case 10:
                                        case 11:
                                            ?>
                <i class="fa fa-circle color-red2-dark"></i>
                                    <span><?php echo $serviceName1; ?></span>
                                    <strong><?php echo $ctype1; ?></strong>
                <em class="bg-red2-light font-11">&#8358;<?php echo $totalprice1; ?></em>
                                            <?php 
                                            break;
                                             } ?>
                                    <i class="fa fa-angle-right"></i>
                                </a>

                                <?php 
                                }
                                        ?>

Любая помощь будет принята с благодарностью.

Answer 1

Как я уже сказал в комментарии json код не имеет никакого отношения к вашему php,

в то время как l oop вам нужно показать класс или идентификатор для ajax элемента управления.

Окончательное решение должно выглядеть следующим образом:

Ваши php коды:

$newid = $_GET['last_id'];
$not = $db -> prepare('SELECT * FROM orderinhomeonlinecall WHERE id < ? AND cuid=? ORDER BY id DESC LIMIT 10');
$not -> bind_param('ii', $newid, $uid);
$not -> execute();
$result = $not->get_result();       
include('data1.php');

Ваше время l oop:

<?php 
    while ($row = $result->fetch_array()) {
    $id1 = $row['id'];
    $orderId1 = $row['orderId'];
    $serviceName1 = $row['serviceName'];
    $totalprice1 = $row['totalprice'];
    $orderStatus1 = $row['orderStatus'];
?>

Ваше html в л oop:

<div class="post-id" id="<?php echo $id1; ?>">

  /*Do your other things in here */

</div>
<?php } ?>

и ajax коды:

loaded = true; //Initialize
$(window).scroll(function() {
   if(($(window).scrollTop() == $(document).height() - $(window).height()) && loaded) { //Add in condition
       var last_id = $(".post-id:last").attr("id");
       loadMoreData(last_id);
   }
});

function loadMoreData(last_id){
 loaded = false; //False at start ajax call
 $.ajax({
       url: '/loadMoreData1.php?last_id=' + last_id,
       type: "get",
       beforeSend: function()
       {
           $('.ajax-load').show();
       }
   })
   .done(function(data)
   {
           $('.ajax-load').hide();
           $("#post-data").append(data);
           loaded  = true; //true to load data
   })
   .fail(function(jqXHR, ajaxOptions, thrownError)
   {
         alert('No response...');
         loaded  = true;
   });
}

Пример здесь https://www.itsolutionstuff.com/post/php-infinite-scroll-pagination-using-jquery-ajax-exampleexample.html