Перезагрузить страницу с изменением Javascript после изменения базы данных

Я показываю таблицу из базы данных, например

<tr> <td>{{ $user->id }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td>{{ $user->... }}</td> <td></td> </tr> 

Если что-то меняется в базе данных, я должен нажать F5 в браузере, чтобы отобразить изменения. Теперь я хочу обновить страницу с помощью Javascript, каждый раз, когда что-то изменяется в базе данных. Я не хочу обновлять страницу во временной интервал.
У меня есть Admin, который может изменить статус Someones, и вы можете самостоятельно изменить свой статус. Когда кто-то меняет свой статус, администратор Backend должен обновляться.

У вас есть идеи по этому поводу?

Самый простой способ (который уже упоминался) – перезагрузить страницу каждые x секунд.

Это означает, однако, что если пользователь просматривает / редактирует что-либо на странице, у него есть только x секунд, чтобы закончить это, прежде чем весь прогресс будет потерян.

Вы можете использовать AJAX для проверки базы данных для изменений:

  • Создайте сценарий DB-Check.php, который выводит последнюю запись базы данных
  • В ваш основной файл включите скрипт AJAX, который вытаскивает DB-Check.php каждые 30 секунд
  • Поместите вывод из DB-check.php в новую переменную JS
  • Если новая переменная отличается от старой переменной, обновите всю страницу (или используйте AJAX для загрузки остальной базы данных)

Я бы сделал это с использованием очень примитивного API. jQuery (или JS) делает запрос к URL-адресу API, который возвращает логическое значение, и используя это логическое значение, true вызывает страницу обновления. (или даже лучше изменить контент без jQuery без обновления), это будет мой подход.

Самое простое решение – обновить страницу автоматически в секунду. Поэтому, пожалуйста, добавьте это в голову:

 <meta http-equiv="refresh" content="30" /> 

для обновления каждые 30 секунд. Другие способы: javascript:

 setTimeout('window.location.reload();', 30000); 

или

 setTimeout('history.go(0);', 30000); 

или

 setTimeout("location.reload(true);", timeoutPeriod); 
 location.reload(); 

это функция javascript для перезагрузки текущей страницы. Вы можете использовать эту функцию внутри js-функции, когда вы этого хотите.

этот вопрос немного велик, поэтому, если вам нужен правильный ответ в соответствии с вашими сценариями, пожалуйста, опишите свои подробные сценарии.

вы можете искать как это Как автоматически перезагрузить веб-страницу в определенное время?