Как правильно вытянуть комментарий из БД и обновить их количество с помощью ajax?

Question

[Iossarian]

На сайте уже настроено ajax удаление комментария со страницы и из базы, а также его добавление. Но при добавлении надо сделать его же вывод. Плюс ко всему при удалении или добавлении желательно сразу пересчитать количество комментариев к записи. Подскажите, каким образом правильнее все это организовать?
Код добавления:

<div class="comment">
                    <textarea class="text" placeholder="Ваш комментарий..." name="text" cols="100" rows="3"></textarea>
                    <input type="hidden" class="post_id" value="<?=$post['id'];?>" name="post_id">
                    <input type="hidden" class="user" value="<?=$_SESSION['user']['id'];?>" name="user">
                </div>
                <div class="comm">                 
                    <button class="btn" id="add" name="comm">Комментировать</button>
                </div>

$(document).ready(function () {
        $('button#add').on('click', function () {
            var text = $('textarea.text').val();
            var post_id = $('input.post_id').val();
            var user = $('input.user').val();
            $.ajax({
                method: "POST",
                url: "../newcom.php",
                data: {user: user,text: text, post_id: post_id}
            })
                .done(function () {
                    $('textarea.text').val('');
                })
        })
    });

$values = [
    'author_id' => $_POST['user'],
    'text' => $_POST['text'],
    'post_id' => $_POST['post_id']
];
$sql = 'INSERT INTO comments (author_id, date, text, post_id) VALUES (:author_id, NOW(), :text, :post_id)';
$result = $db->prepare($sql, $values);

Его удаление:

<div class="delete">
                            <button class="btn btn-sm btn-outline-light"  id="<?=$comment['id']?>">Удалить</button>
                        </div>

$(".comments .btn").on('click', function(){
        var commentId = this.id;
        var $currentComment = $(this).parents(".comments");

        $.post("../delete.php", {id : commentId}, function( ){
                $currentComment.remove();
        })
    });

if( is_numeric($_POST['id']) ) {
    $commentId = (int)$_POST['id'];
    $sqlDel = 'DELETE FROM comments WHERE id = ' . $commentId;
    $result = $db->query($sqlDel);
    }
}

И код на получение числа комментариев

$sqlCount = 'SELECT COUNT(id) as count, post_id FROM comments
          where post_id = ' . $_GET['id'] .
         ' GROUP BY post_id';
$count = $db->query($sqlCount);

Спасибо, что ознакомились с вопросом.

Answer 1

[zoozag]

Вы же можете прямо на фронте добавлять новый комментарий и пересчитывать количество.

Comments

[Iossarian]

Извините, не совсем вас понял. Я это и так сейчас делаю, но с перезагрузкой страницы. А мне нужно без нее.

[zoozag]

Iossarian,
Зачем перезагружать страницу?
Количество комментариев на странице у вас уже есть, просто добавьте или отнимите 1.
Сам комментарий у вас есть, вот внутри .done(function () {} добавляйте новый комментарий.

[Iossarian]

zoozag, ну вот допустим это код блока вывода комментария

<? foreach ($comments as $comment) : ?>
                <div class="comments">
                    <div class="row comtext">

                        <div class="comname">
                            <?=$comment['name'];?>
                            <br>
                            <?=formatTime($comment['date']);?>
                        </div>

                        <div class="comtent">
                            <?=$comment['text'];?>
                        </div>

                        <div class="delete">
                            <button class="btn btn-sm btn-outline-light"  id="<?=$comment['id']?>">Удалить</button>
                        </div>

                    </div>
                </div>
                <? endforeach;?>

Есть он и код получения комментов из БД. Понимаю, что в .done(function () {} можно написать вывод нового коммента, но не понимаю пока как это оформить. Если в случае отправки записи я передавал в скрипт значения хтмл-тегов, то тут пока логика не понятна. Я видел пример, где люди вводят свои имя и текст и тут с помощью appendTo() коммент выводился, но у меня это все тянется из БД.

[zoozag]

и тут с помощью appendTo() коммент выводился

Примерно об этом я и говорю

но у меня это все тянется из БД

Зачем? Вы же только что с этой же самой страницы эти данные в БД и отправили.
Если вам так спокойней спать будет, возвращайте с сервера json с данными и с ним и работайте:

$values = [
    'author_id' => $_POST['user'],
    'text' => $_POST['text'],
    'post_id' => $_POST['post_id'],
    'date' => NOW()
];
echo json_encode($values);