Ajax infinate прокрутка останавливается, когда больше нет результатов


У меня проблемы с моим кодом. Поэтому, когда я добираюсь до конца результатов, запрос ajax выполняется снова и снова. Я не уверен, как это сделать, но я хочу, чтобы прокрутка infinate прекратилась, когда в базе данных больше не будет результатов.

Первоначальный запрос ajax на ajax-posts.php

var pageCategory = "' . $categoryId . '";
                    $.post("/testwp2/wp-content/themes/my-theme/ajax-posts.php", {
                        initialize: true, pageCategory: pageCategory, resultLimit: 6
                    }).done(function(data) {
                        $("#primary #main").html(data);
                    });

Затем код в ajax-posts.php

global $wpdb;
    global $post;

    $limit = $_POST['resultLimit'];

    $querystrMax = "SELECT {$wpdb->prefix}posts.ID, {$wpdb->prefix}posts.post_title, {$wpdb->prefix}posts.post_excerpt, {$wpdb->prefix}posts.guid, {$wpdb->prefix}posts.post_date, {$wpdb->prefix}posts.post_author
        FROM {$wpdb->prefix}posts
        LEFT JOIN {$wpdb->prefix}term_relationships rel ON rel.object_id = {$wpdb->prefix}posts.ID
        LEFT JOIN {$wpdb->prefix}term_taxonomy tax ON tax.term_taxonomy_id = rel.term_taxonomy_id
        LEFT JOIN {$wpdb->prefix}terms t ON t.term_id = tax.term_id
        WHERE t.term_id = " . $_SESSION['pageCategory'] . "
        AND {$wpdb->prefix}posts.post_type = 'post' 
        ORDER BY {$wpdb->prefix}posts.post_date DESC
    ";

    $pagepostsMax = $wpdb->get_results($querystrMax, OBJECT);

    $maxPostNum = count($pagepostsMax);

    $querystr = "SELECT {$wpdb->prefix}posts.ID, {$wpdb->prefix}posts.post_title, {$wpdb->prefix}posts.post_excerpt, {$wpdb->prefix}posts.guid, {$wpdb->prefix}posts.post_date, {$wpdb->prefix}posts.post_author
    FROM {$wpdb->prefix}posts
    LEFT JOIN {$wpdb->prefix}term_relationships rel ON rel.object_id = {$wpdb->prefix}posts.ID
    LEFT JOIN {$wpdb->prefix}term_taxonomy tax ON tax.term_taxonomy_id = rel.term_taxonomy_id
    LEFT JOIN {$wpdb->prefix}terms t ON t.term_id = tax.term_id
    WHERE t.term_id = " . $_SESSION['pageCategory'] . "
    AND {$wpdb->prefix}posts.post_type = 'post' 
    ORDER BY {$wpdb->prefix}posts.post_date DESC
    LIMIT $limit
    ";

    $pageposts = $wpdb->get_results($querystr, OBJECT);
}

$pagePostsNum = count($pageposts);


$response = '';

if ($pagePostsNum <= ($maxPostNum - 6) ) {
    $response .= '
        <script type="text/javascript">
                jQuery(window).scroll(function() {
                    if(jQuery(window).scrollTop() + jQuery(window).height() == jQuery(document).height()) {
                        var pageCategory = ' . $_SESSION['pageCategory'] . '
                        jQuery.post("/testwp2/wp-content/themes/my-theme/ajax-posts.php", {
                            initialize: true, pageCategory: pageCategory, resultLimit: 6 + ' . $limit . '
                        }).done(function(data) {
                            jQuery("#primary #main").html(data);
                        });
                    }
                });
        </script>
    ';
}
else {
    $response .= '<p>No more results!</p>';
}


if ($pageposts):
    foreach ($pageposts as $post):
        $postId = get_the_ID();
        $postPermalink = get_the_permalink($postId);
        $postTitle = get_the_title();

        $response .= '
        <article class="gridView col-lg-4 col-md-6 col-xs-12">
            <div class="list-article-thumb" style="background: url('; if ( get_the_post_thumbnail_url() == false ) { $response .= get_stylesheet_directory_uri() . '/images/placholder2.png'; } else { $response .= get_the_post_thumbnail_url(); } $response .= ') no-repeat; height: 445px; background-size: cover; position: relative;">';


                <a href="' . esc_url( $postPermalink ) . '">
                    <div class="postLayoutOverlay"></div>
                </a>
            </div>

        </article>
        ';
    endforeach;

    wp_reset_query();

else :
    $response = '
    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn\'t here.</p>
    ';
endif;

echo $response;

Спасибо, товарищ переливов.

Author: Web Dev Guy, 2017-03-09

1 answers

Хорошо, я все понял. В первоначальном сообщении ajax есть следующее initialize: true

Итак, в ajax-posts.php Я проверяю начальную загрузку, используя этот пост var.

if (isset($_POST['initialize'])) {
    $response .= '
        <script type="text/javascript">
                jQuery(window).scroll(function() {
                    if(jQuery(window).scrollTop() + jQuery(window).height() == jQuery(document).height()) {
                        var pageCategory = ' . $_SESSION['pageCategory'] . '
                        jQuery.post("/testwp2/wp-content/themes/my-theme/ajax-posts.php", {
                            initialize: true, pageCategory: pageCategory, resultLimit: 6 + ' . $limit . '
                        }).done(function(data) {
                            if (data != false) {
                                jQuery("#primary #main").html(data);
                            }
                        });
                    }
                });

                console.log();
        </script>
    ';
}

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

if ($limit <= $maxPostNum) {
    $response .= '
        <script type="text/javascript">
            jQuery(window).unbind("scroll");
        </script>
    ';
}

И вуаля, работает на угощение. :D

 0
Author: Web Dev Guy, 2017-03-09 00:34:54