Перейти к содержимому

Как сделать автообновление страницы html

  • автор:

Обновление страницы HTML

Я создаю сайт, который включает себя динамический контент на странице. Нужно реализовать что-то вроде мини-админ панели, чтобы человек мог удалять некоторые данные с страницы. Через JS сделано. При обновлении страницы естественно все изменения удаляются. Каким образом реализовать обновление не только страницы, но и самого html файла. Если делать это через php — нужно ли хранить код страницы в бд и обновлять его каждый раз при загрузке страницы? Или же можно это сделать с помощью запросов на js, не используя php

Отслеживать
задан 11 фев 2021 в 17:16
1 1 1 бронзовый знак

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Если речь про сохранение формы, то нужно на сервере сохранять информацию, а при загрузке страницы ее оттуда получать и на основе той информации строить/заполнять таблицу.

Если речь не про сохранение данных формы страницы.

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

В первом случае это нормальное поведение, а вот во втором, если на странице добавлялись или удалялись элементы, может быть не совсем нормальное.

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

При хранении информации нужно учитывать имена полей, потому что автоматическое восстановление данных происходит именно по старым именам. Конечно, если вы все храните в памяти (и данные и поля) и восстанавливаете эти данные оттуда, то об этом, возможно, не стоит думать.

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

Доброго времени суток.
Подскажите пожалуйста, как настроить автоматическое обновление страницы при написании HTML кода (по принципу — я пишу и на втором мониторе в браузере сразу же отображаются изменения)?
Для написания кода пробовал Geany, Bluefish и Brackets.
UPD Пробовал приведенные ниже варианты. Изменения в браузере отображаются автоматически, но только после сохранения кода в редакторе. Может проблема в браузере (использую Google Chrome)?

  • Вопрос задан более трёх лет назад
  • 25730 просмотров

Курсы javascript

вот таким скриптом я обновляю страницу но она обновляется, с появлением белового фона.

  

01.04.2011, 15:51
Интересующийся
Регистрация: 27.02.2011
Сообщений: 24
Подскажите а можно как нибудь обновит контент Iframe без его перезагрузки
01.04.2011, 16:01
Регистрация: 07.01.2011
Сообщений: 582

(function () < var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTPP"), callee = arguments.callee; request.open("GET", location.href + "?rand=" + new Date(), true); request.onreadystatechange = function () < if (request.readyState === 4 && request.status === 200) < var doc = document.createElement("DIV"); doc.innerHTML = request.responseText; document.body.innerHTML = doc.getElementsByTagName("BODY")[0].innerHTML; setTimeout(callee, 10000); >>; request.send(null); >)();

Ставить в HEAD.
10000 — интервал обновления страницы в миллисекундах.

01.04.2011, 16:35
Интересующийся
Регистрация: 27.02.2011
Сообщений: 24

(function () < var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTPP"), callee = arguments.callee; request.open("GET", location.href + "?rand=" + new Date(), true); request.onreadystatechange = function () < if (request.readyState === 4 && request.status === 200) < var doc = document.createElement("DIV"); doc.innerHTML = request.responseText; document.body.innerHTML = doc.getElementsByTagName("BODY")[0].innerHTML; setTimeout(callee, 10000); >>; request.send(null); >)();

Что то не хочет работать данный скрипт.

У меня вообщем вот какая ситуация, имеется вот такой
Таскающейся Div c мини-чатом:

         Турнирный Клуб ANTIBOT     
200
,);return false;">

окно вывода сообщений в Миничате имеет отдельный шаблон страницы и вставлен в родительскую через iframe с name=»iframe1″, так вот мне надо что бы информация в данном iframe автоматически обновлялась через определенный промежуток времени, и что бы побочек, при рефреше(типа «белый экран») не было т.е. юзер не замечал перезагрузки, я пробовал просто windows.location.reload, но это выглядит ужастно. Так вот как лучше реализовать , обновлять Iframe в родительском окне, или в самом шаблоне вида отправляемых сообщений, делать обновление страницы, или может как нибудь можно обновить данные без перезагрузки страницы(вообще было бы идеально).

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

Как сделать автообновление страницы html

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS — WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

Уроки и статьи

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

YouTube

Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка

Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт

Мой аккаунт Моя группа

Какая тема Вас интересует больше?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *