Как отобразить только 3 комментария, а затем еще 10 комментариев при каждом нажатии кнопки - PullRequest
0 голосов
/ 01 июля 2019

Я создаю стандартную систему комментариев к (например) сообщению, но мне трудно показывать их так, как я хочу. Я могу легко отобразить все комментарии одновременно, но сначала я хочу отобразить, например, 3 комментария, а затем кнопку, которая добавит 10 комментариев к каждому последующему щелчку.

Сначала я попытался создать событие AJAX при нажатии, которое бы загружало новую страницу php в div, где отображаются комментарии. Проблема в том, что на div можно ссылаться по классу или по идентификатору, и если на него ссылается класс, то новые комментарии заменят 3 уже показанных комментария (фактически делая отображение 3x10), и если div по идентификатору, тогда новые комментарии заменят первый из 3 уже показанных комментариев.

<?php
$followingposts = DB::query('SELECT posts.id, posts.body, posts.likes, posts.comments, posts.posted_at, users.`username`, fullname FROM users, posts, followers WHERE posts.user_id = followers.user_id AND users.id = posts.user_id AND follower_id = :userid ORDER BY posts.likes DESC;', array(':userid'=>$userid));
foreach ($followingposts as $post) {
?>
    <div…

У меня есть это, чтобы отобразить первые 3 комментария в сообщениях, который отлично работает:

<?php
$commentsposts = DB::query('SELECT comments.id, comments.comment, comments.post_id, comments.likes, comments.comments, comments.posted_at, users.username, fullname
FROM comments, users
WHERE post_id = :postid
AND comments.user_id = users.id
ORDER BY comments.posted_at
DESC LIMIT 3;', array(':postid'=>$post['id']));

, а затем еще один цикл foreach для комментариев:

foreach ($commentsposts as $comments) {
?>
<div class="posts_comments" id="posts_comments_id">
...

, а затем функция AJAX (вызывается с кнопки):

function show_more_comments_click(elem) {
var post_id = $(elem).attr('value');
 var commentCount = 3; 
commentCount = commentCount + 10; 
$('#posts_comments_id').load('./inc/load_comments.php', {
commentNewCount: commentCount
});
};

Это загружает это:

<?php
$commentNewCount = $_POST['commentNewCount'];

$commentsposts = DB::query("SELECT comments.id, comments.comment, comments.post_id, comments.likes, comments.comments, comments.posted_at, users.username, fullname FROM comments, users WHERE post_id = :postid AND comments.user_id = users.id ORDER BY comments.posted_at DESC LIMIT 0,$commentNewCount;", array(':postid'=>$post_id));

foreach ($commentsposts as $comments) {
?>
...

Но я не могу получить новые комментарии ниже уже показанных 3 комментариев. Любые предложения о том, как этого добиться? Заранее спасибо.

1 Ответ

0 голосов
/ 01 июля 2019

Вы пытались показать первые 3 комментария в контейнере div с идентификатором, например:

<div id="commentContainer">
  <div id="comment1" data-comment-id="1" class="comments">
    -- comment html --
  </div>
  <div id="comment2" data-comment-id="2" class="comments">
    -- comment html --
  </div>
  <div id="comment3" data-comment-id="3" class="comments">
    -- comment html --
  </div>
</div>

и затем нажмите на кнопку, чтобы отправить запрос ajax с последним идентификатором комментария, например: comment3. который поможет скрипту собрать следующие 10 комментариев, например: comment4, comment5 и т. д. и добавить (функция jQuery append ()) эти новые html-комментарии в div, который у вас уже есть, с идентификатором контейнера, например: commentContainer.

<div id="commentContainer">
  <div id="comment1" data-comment-id="1" class="comments">
    -- comment html --
  </div>
  <div id="comment2" data-comment-id="2" class="comments">
    -- comment html --
  </div>
  <div id="comment3" data-comment-id="3" class="comments">
    -- comment html --
  </div>
  <div id="comment4" data-comment-id="4" class="comments">
    -- comment html --
  </div>
  <div id="comment5" data-comment-id="5" class="comments">
    -- comment html --
  </div>
  <div id="comment6" data-comment-id="6" class="comments">
    -- comment html --
  </div>
  <div id="comment7" data-comment-id="7" class="comments">
    -- comment html --
  </div>
  <div id="comment8" data-comment-id="8" class="comments">
    -- comment html --
  </div>
  <div id="comment9" data-comment-id="9" class="comments">
    -- comment html --
  </div>
  <div id="comment10" data-comment-id="10" class="comments">
    -- comment html --
  </div>
  <div id="comment11" data-comment-id="11" class="comments">
    -- comment html --
  </div>
  <div id="comment12" data-comment-id="12" class="comments">
    -- comment html --
  </div>
  <div id="comment13" data-comment-id="13" class="comments">
    -- comment html --
  </div>
</div>

Успокойтесь, вы уже собираете комментарии с файлом вашего сервера и запросами mysql.

Спасибо

...