Я успешно выполнил функцию загрузки дополнительных кнопок, используя метод jQuery - AJAX load (), он работает следующим образом, отображает первые 3 комментария из моей базы данных при загрузке страницы, если пользователь нажимает кнопку «загрузить больше», он загружает еще 3комментарии, пользователь нажимает один раз, загружает еще 3 комментария, пока от db больше нет комментариев.
Проблема заключается в том, что когда больше нет комментариев от db, пользователь должен прокрутить весь путь вверх.которая не очень удобна для пользователя, я знаю, может сделать ссылку наверх, чтобы помочь пользователю вернуться, есть ли альтернативные решения?
, например, определение последнего клика или, когда в комментариях к базе данных больше нет данных, затем отображается меньше (отображаются только первые 3 комментария), как в стиле Facebook.вот мои коды
<script>
$(document).ready(function(){
<?php if ( more_than_3_reviews($the_post_id) ): ?>
var reviews_count = 3 ;
$("#show_more_reviews").click(function(){
reviews_count = reviews_count + 3;
$("#show_more").load("ajax/load_comments.php", {
new_comments_count : comments_count,
post_id: <?php echo $the_pro_id; ?>
});
});
<?php else: ?>
$("#show_more").remove();
<?php endif; ?>
});
</script>
мой бэкэнд php файл
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if(isset($_POST['new_comments_count']) and isset($_POST['post_id']) ){
$comments_count = $_POST['new_comments_count'];
$the_pro_id = $_POST['post_id'];
$approved = "approved";
$stmt10 = mysqli_prepare($connection,"SELECT comment_name, product_id,comment_msg, date_time FROM comments WHERE product_id = ? and comment_status = ? LIMIT $comments_count");
mysqli_stmt_bind_param($stmt10, "is", $the_pro_id , $approved );
mysqli_stmt_execute($stmt10);
mysqli_stmt_bind_result($stmt10, $comment_name,$product_id,$comment_msg,$date_time);
mysqli_stmt_store_result($stmt10);
while(mysqli_stmt_fetch($stmt10)){
$get_comment = <<<DELIMETER
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64" alt="">
</a>
<div class="media-body">
<h4 class="media-heading"> {$comment_name} <small>{$date_time}</small> </h4>
{$comment_msg}
</div>
</div>
DELIMETER;
echo $get_comment;
}
} // post get comments
} // if its POST request
любая помощь будет оценена.