Javascript обновить страницу при клике

Обновить страницу с помощью JS / HTML / PHP

JS -метод location.reload() перезагружает текущую вкладку браузера и действует также как кнопка «Обновить страницу».

Пример перезагрузки страницы кликом на ссылку или кнопку:

Цикличное обновление страницы с задержкой

В коде используется тот же location.reload() выполняемый с задержкой setTimeout() в тридцать секунд.

Перезагрузка страницы с задержкой

В случаях когда после клика на кнопку или ссылку нужно перезагрузить страницу с задержкой, например две секунды:

 Обновить страницу через 2 секунды  

Пример:

Перезагрузка страницы с подтверждением

Чтобы пользователь мог подтвердить действие, можно применить метод вызова диалогового сообщения confirm.

if (confirm('Вы действительно хотите обновить страницу?'))

Пример:

Обновление родительской страницы из IFrame

Для обращения к ресурсам родительской страницы из IFrame используется объект parent , подробнее в статье «Как обновить iframe».

Перезагрузка страницы с помощью HTML

Добавление мета-тега в страницы заставит её перезагрузится. Значение атрибута content больше нуля задает задержку в секундах.

Перезагрузка страницы из PHP

Обновить страницу прямо с сервера можно c помощью функции header() , отправив заголовок « Refresh: 5 », где значение «5» указывает интервал в пять секунд.

Важно, чтобы перед вызовом функции не было отправки контента в браузер, например echo .

Источник

Как обновить страницу с помощью JavaScript

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

Пример

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

Решение

В JavaScript есть несколько способов обновить страницу. Один из самых простых и распространенных — использовать метод location.reload() . Этот метод принадлежит объекту location , который представляет собой объект встроенного класса Location , предоставляющий информацию о текущем местоположении документа и методы для его изменения.

При вызове этого метода страница будет обновлена, и браузер загрузит ту же самую страницу заново.

Альтернативные способы

Если по какой-то причине использование location.reload() не подходит, можно воспользоваться другими способами.

Один из таких способов — изменить свойство location.href :

location.href = location.href;

В этом случае браузер перейдет по указанному URL, который будет таким же, как и текущий, что приведет к обновлению страницы.

Итак, обновление страницы с помощью JavaScript — это простая и удобная операция, которая часто используется в веб-разработке.

Источник

Обновление страницы с помощью JavaScript

Обновление или перезагрузка веб-страницы — это типичная задача, с которой может столкнуться разработчик. Возможные сценарии использования могут варьироваться: от обновления страницы после определенного времени до обновления страницы после выполнения определенного действия.

Рассмотрим, как это можно сделать с помощью JavaScript.

Метод location.reload()

Самый простой и распространенный способ обновить страницу с помощью JavaScript — использовать метод location.reload() . Этот метод принадлежит объекту location , который является частью объекта window . Следующий код выполнит перезагрузку страницы:

Параметр метода location.reload()

Метод location.reload() может принимать необязательный параметр: логическое значение true или false . Если параметр не указан или равен false , страница перезагружается из кэша браузера. Если параметр равен true , страница перезагружается с сервера.

location.reload(true); // перезагрузка страницы с сервера

Методы location.replace() и location.assign()

Еще два метода, которые можно использовать для обновления страницы, это location.replace() и location.assign() . Они оба принимают URL в качестве параметра. Если передать текущий URL, страница будет обновлена.

location.replace(document.URL); location.assign(document.URL);

Обратите внимание, что location.replace() удаляет текущую страницу из истории сеанса, что означает, что пользователи не смогут вернуться к ней, нажав кнопку «Назад» в браузере. В то время как location.assign() оставляет запись в истории сеанса.

Все эти методы будут работать во всех современных браузерах, что делает их универсальным решением для обновления страницы с помощью JavaScript.

Источник