Как добавить в существующую таблицу с данными полученными от сервера дополнительные столбцы?

Question

[Gristen]

У меня есть функция, которая выводит все посты с БД в html-таблицу использую PHP AJAX. И есть функция, которая проверяет наличие новых постов в БД (каждые 3 секунды запускается функция, которая берет время в данный промежуток, вычитает 10 сек и проверяет, есть ли в бд запись где data_created > time которая сейчас пришла). Если есть, то выводит всю информацию о данном посте. Но при срабатывании функции проверки новой записи сразу очищается вся таблица с уже выведенными записями и если в бд есть новая запись, то выводится одна новая, а если нет, то просто пустая таблица. Изобразил на скриншотах.


Добавляю разметку так:

...
   .done(function( msg )
              {
                  var html = msg; // получаю html разметку таблицы от пхп обработчика со всей инфой от нового поста.
                  $('#table').html(html);
              });

Как записать новый пост который пришел от сервера в html разметку чтобы прошлые посты не очистились, а к ним просто "добавился" новый?

Answer 1

[Elvis]

Используйте insertAdjacentHTML

Answer 2

[zkrvndm]

var html = msg;
var tr = $('tr', html);
$('#table tbody').append(tr);

Comments

[Gristen]

Новый пост приходит , через console.log видно , но не добавляется в таблицу :(

[zkrvndm]

Gristen, выложите сюда что у вас лежит в переменной msg.

Также выложите сюда саму таблицу куда вы хотели вставить. Без разметки я не смогу помочь.

[Gristen]

Надим Закиров,
В msg лежит :

<tr id="trid">
                    <td>  
                    1
                    </td>
                     <td id="topicname" >Название только созданного поста.</td>
                     <td>admin</td>
                     <td>
                     <a  href="../../admin/posts/edit.php?edit_id=38 ">edit</a>
                     </td>
                     <td>
                     <a id="deleteTop" onclick="event.preventDefault();deletePosts(38)" href="">delete</a>
                      </td>
            </tr>

Разметка таблицы

<tbody id="table" >

// сюда я вставлял уже содержимое таблицы с помощью ajax  
var html = msg;
               $('#table').html(html); )
   </tbody>

[zkrvndm]

Gristen, тогда так:
$('tbody').append(msg);