Q:

Ajax infinate scroll stop when no more results

I'm having trouble with my code.
So when I hit the end of the results the ajax request runs over and over.
I'm not sure how to go about this, but I want the infinate scroll to stop running when there are no more results from the database.
The initial ajax request to 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);
                    });

Then the code in 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;

Thanks fellow overflowers.

A:

Ok so I figured it out.
In the initial ajax post there is this initialize: true
so in ajax-posts.php I check for the initial load using that post 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>
    ';
}

This way the script is only added once.
Then when I have no more posts to display I use this code to unbind the scroll function.
if ($limit <= $maxPostNum) {
    $response .= '
        <script type="text/javascript">
            jQuery(window).unbind("scroll");
        </script>
    ';
}

and voila, works a treat. :D

