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;
Спасибо, товарищ переливов.
2
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