Как сделать обновление в JavaScript и не влиять на HTML?

У меня есть код, который работает супер нормально, но я не знаю, как это положить JavaScript в него, чтобы проверить, есть ли один дополнительный результат в моей таблице «chat», и если есть, то он должен обновить страницу, и если результат hasn 't изменилось, а не обновлять страницу, извините, но я понятия не имею, когда дело доходит до JavaScript.

chat.php

require('checkformessages.php'); ... 

checkformessages.php

 $sqlmessages = mysql_query("SELECT * FROM chat"); $numbermessages = mysql_num_rows($sqlmessages); // JavaScript script (no idea what it's supposed to be // but some kind of timer checking if there is new result in the database) if($numbermessages===$Javascriptcheck) { //do nothing } else { //it should refresh the chat.php because its required in the page echo "<script>window.location = window.location.href;</script>"; } 

Solutions Collecting From Web of "Как сделать обновление в JavaScript и не влиять на HTML?"

Это довольно обширно и может быть связано с некоторыми исследованиями. Тем не менее, я не возражаю добавить некоторые заметки, которые помогут вам на правильном пути:

  1. Запросы AJAX берутся из браузера. Если вы периодически проверяете что-то, возможно, вам нужен таймер JavaScript, который делает запрос на сервер.
  2. Поскольку это операция чтения, операция get прекрасна. Ваш скрипт может читать элементы из строки запроса, а затем отвечать подходящим форматом сообщений. JSON популярен в наши дни.
  3. Ваши возвращенные данные, вероятно, будут лучше всего в виде массива новых сообщений. Вы действительно можете вернуть только логическое значение и обновить всю страницу, если существуют новые строки, но это довольно расточительно. Вы могли бы просто вернуть новые строки в ответе AJAX.
  4. Чтобы получить только новые строки, вам понадобится отметка времени в этой таблице и отправьте последнюю известную временную метку на сервер с помощью операции AJAX. Новые строки – это те, которые имеют метку времени, большую или равную заданному значению.
  5. Вероятно, подходит метод jQuery get() .

Я бы рекомендовал использовать выше, чтобы вы начали – вам, возможно, потребуется исследовать каждого с помощью поисковой системы, которую я бы рекомендовал. Если вы все еще застряли, работа с некоторыми примерами / учебниками в Интернете также может быть полезна.

Удачи!