Как добавлять новые строки и обновлять их без перезагрузки страницы?

Question

[dieneri]

1. Как добавлять новые строки в режиме реального времени, без перезагрузки страницы? (в будущем сделаю таблицу)
2. Как обновлять имеющиеся строки, при наличии изменений для них в режиме реального времени? (можно ориентироваться по полю updated_at)
3. Как подсвечивать строки вновь добавленные/обновлённые, с помощью css?

<?php
  require_once 'base.php';
  $link = mysqli_connect($host, $user, $pass, $db_name);
  $sql = mysqli_query($link, 'SELECT `id`, `name`, `opisanie`, `author`, `otvetstvenniy`, `nomer`, `updated_at`, `date_create` FROM `zayavki`');
  while ($result = mysqli_fetch_array($sql)) {
    echo "{$result['name']}: {$result['opisanie']} test!<br>";
  }
?>

Comments

[FanatPHP]

вопрос имеет мало отношения к РНР. Учи JS.
по логике всё просто:
кроме updated_at должно быть поле created_at.
на клиенте запоминать время предыдущего запроса, и отправлять на сервер это время, и запрашивать только строки, у которых updated_at больше

[Антон]

AJAX

[uni_rush]

я кажется понял зачем в laravel добавили livewire

Answer 1

[Виктор П.]

Привет.
1. Без перезагрузки страницы операции с DOM моделью выполняются на фронте. Погугли, как работают document.createElement и element.appendChild.
2. Чтобы было в режиме реального времени, когда кто-то изменяет строку, сервер должен делать рассылку на всех участников, что такая-то строка изменена. Это делается через вебсокеты, например. В целом, посмотрите принципы реактивного программирования.
3. Когда вы создаёте элемент из первого пункта, ему можно присвоить какой-то css класс element.classList.add("mystyle");