Как получить get запрос после post запроса?

Question

[Андрей Пушкин]

Ситуация такая. Я получаю get запросом некое количество комментариев с сервера. После следующим запросом(post), я отправляю новый комментарий на сервер. Так вот, стоит задача, чтобы после отправки комментария, он динамически отображался уже в полученном get запросе?
Ссылка Фиддл

Comments

[ThunderCat]

1) не проще на сервере обработать пост и тут же произвести выборку как при гет, и соответственно получить этот комментарий в наборе с остальными и сделать реплэйс всех комментов?
2) Можно просто тут же присобачить этот комментарий на клиенте не запрашивая его с сервера, он же у вас уже есть.

[Андрей Пушкин]

ThunderCat, попробовал присобачить, он добавляется в конец, но фишка в том, что сортируются они в массиве по id, при обновлении он уже находится не в конце, а в соответствии с сортировкой. Есть мысли как это исправить?

[ThunderCat]

тогда 1 вариант.
1) отправляем пост(с таким же урл как и для гет), на сервере проверяем метод пост, если пост - сохраняем из пост комментарий.
2) так как урл сохраняет все гет данные - вытаскиваем тут же все как для гет и возвращаем(новый коммент уже будет в составе остальных).

[Станислав]

Чего то вы мудрите!
После того как записали данные пришедшие с POST, просто выплевываете результат в response, а дальше JS`ом уже вставляете его куда надо

[Андрей Пушкин]

Станислав, таким методом он добавляется в конец, но фишка в том, что сортируются они в массиве по id, при обновлении страницы он уже находится не в конце, а в соответствии с сортировкой. Есть мысли как это исправить?

[Станислав]

Андрей Пушкин, а что в js нет сортировки? Сортируйте JS и вставляйте куда надо

[Андрей Пушкин]

Станислав, я наверное не понимаю, по какому признаку вы предлагаете отсортировать массив, который состоит из comment_id, text, likes., Массив по дефолту в гет запросе сортируется по comment_id?

[Станислав]

Андрей Пушкин, от куда же мне знать как у вас сортировка на сервере идет, но так же можно отсортировать и на фронтенде, по тому же comment_id. Не знаете какой id может быть? Делайте дополнительный запрос в базу и после выплевывайте результат в response. Я не знаю какую базу вы используете, с mongodb можно сохранить данные и сразу же получить их обратно с идентификатором, а вот в MySQL я не в курсе, есть ли там такая возможность, если нет, то делайте дополнительный запрос и получайте идентификатор нужный вам. И вобще коменты сортируют на по идентификатору, а по времени, от того у вас и проблема

Answer 1

[zxscv]

пусть пост запрос возвращает успех и данные добавленного коммента или ошибку. Если пост вернул успех то сделай аппенд в список комментов. Если ошибку, то отобрази ошибку.

Comments

[Андрей Пушкин]

@zxcsv, таким методом он добавляется в конец, но фишка в том, что сортируются они в массиве по id, при обновлении страницы он уже находится не в конце, а в соответствии с сортировкой. Есть мысли как это исправить?

[zxscv]

если добавленный коммент может находиться в неком месте отличном от начала или конца, то решение одно - пост запрос пусть возвращает новый список комментов.

[Андрей Пушкин]

zxscv, это сделать нужно через нет запрос внутри пост запроса?

[zxscv]

Андрей Пушкин, если нет понимания то может вам ПОСЛЕ пост запроса делать еще один гет запрос и обновлять комменты. Да это + 1 запрос, но проще. Я в коде наверняка потерял скобки... кодпросто чтобы поняли принцип

var updateComments() = function () {
    $.ajax({
      url: `${baseUrl}/comments`,
      type: 'get',
      contentType: 'json',
      success: function (data) {
        console.log(data);
        data.forEach(function (item) {
          comments.append('<div class="message" id="' + item.comment_id + '"><div>' + item.text + '</div><div data-likeid="' + item.comment_id + '">likes:' + item.likes + '</div><a href="#" class="likebutton" data-idcomment="' + item.comment_id + '">Like</a></div>')
        });
     

    });
}

addButton.click(function () {
      const product = productInput.val();
      const price = priceInput.val();

      $.ajax({
        url: `${baseUrl}/shop?user_id=${userId}&product=${product}&price=${price}`,
        type: 'post',
        contentType: 'json',
        success: function (data) {
          console.log(data);
         updateComments();
        }
      });

    

    });