Как сделать перезагрузку страницы jquery
В reload() функция принимает необязательный параметр, который может быть установлен на true для принудительной перезагрузки с сервера, а не из кеша. По умолчанию для параметра установлено значение false , поэтому по умолчанию страница может перезагружаться из кеша браузера.
- 31 Это не сработало для меня. Однако это сработало: window.location.href = window.location.href;
- 5 Это не сработало для меня. window.location.href=window.location.href; и location.href=location.href; работал.
- 24 window.location.reload(true); будет жестко обновляться, иначе по умолчанию false
- @Sagar N, у меня тоже работает. Спасибо. Я очень старался последние несколько дней с другим подходом, но ваше решение спасло меня.
- 1 @FaridAbbas location.reload(); стандартный javascript. Для этого вам не нужен jQuery.
Это должно работать во всех браузерах даже без jQuery:
- Если вам интересно, насколько хорошо это поддерживается, вот вопрос "Могу ли я использовать?"
Есть множественный неограниченные способы обновления страницы с помощью JavaScript:
- location.reload()
- history.go(0)
- location.href = location.href
- location.href = location.pathname
- location.replace(location.pathname)
Если нам нужно было снова вытащить документ с веб-сервера (например, если содержимое документа изменяется динамически), мы передадим аргумент как true .
Вы можете продолжить творческий список:
- window.location = window.location
- window.self.window.self.window.window.location = window.location
- . и другие 534 способа
Думаю, сработает множество способов:
Чтобы перезагрузить страницу с помощью jQuery, выполните:
Подход, который я использовал здесь, был Ajax jQuery. Я тестировал его на Chrome 13. Затем я помещаю код в обработчик, который запускает перезагрузку. URL-адрес '' , что значит эта страница.
- 69 Голосование против. Это не совсем ответ на вопрос, но вместо этого показывает, как заменить HTML-код страницы ответом Ajax. Это отличается от перезагрузки страницы: например, я сейчас работаю с ситуацией, когда это не сработает для решения исходной проблемы.
- 6 Одна из проблем с перезагрузкой всего HTML, подобная этой, заключается в том, что необходимо вручную вызывать события onload / ready и смягчать перезапись ранее объявленных переменных, состояние которых вы, возможно, захотите сохранить после обновления.
- 3 Если вы не очень осторожны со своим кодом, это будут приводят к утечкам памяти, когда вы прикрепляете обработчики событий и тому подобное, не отсоединяя их перед заменой кода, к которому они прикреплены.
- Я использую это, чтобы перезагружать нашу панель каждую секунду, без мерцания! Это комета бедняков / json api. Благодаря @DanielLlewellyn et al. для предупреждений.
- 5 Некоторые люди отметили, что этот подход полезен для обновления только части страницы. Это не так. Я думаю, что эти люди неправильно понимают context параметр $.ajax и ожидая, что он каким-то образом совершит какое-то волшебство. Все, что он делает, это устанавливает this значение функций обратного вызова. Ajax на URL-адрес '' попадет по URL-адресу, на котором вы сейчас находитесь, тем самым обычно загружая полный HTML (включая и и ), и ничего в этом ответе не отфильтровывает то, что вам не нужно.
Если текущая страница была загружена запросом POST, вы можете использовать
потому как window.location.reload() запросит подтверждение при вызове на странице, загруженной по запросу POST.
- 12 Это приведет к потере строки запроса, тогда как window.location = window.location не будет
- @mrmillsy window.location = window.location однако также несовершенный; он ничего не делает, если в текущем URL есть фрагмент (хэшбэнг).
Вопрос должен быть,
Как обновить страницу с помощью JavaScript
Вы избалованы выбором.
Вы можете использовать
forceGet является логическим и необязательным.
По умолчанию установлено значение false, при котором страница перезагружается из кеша.
Установите для этого параметра значение true, если вы хотите заставить браузер получать страницу с сервера, чтобы также избавиться от кеша.
если вы хотите быстро и легко с кешированием.
Три подхода с различным поведением, связанным с кешем:
location.reload(true)
В браузерах, реализующих forcedReload параметр location.reload() , перезагружается путем получения новой копии страницы и всех ее ресурсов (скриптов, таблиц стилей, изображений и т. д.). Не будет служить Любые ресурсы из кеша - получает свежие копии с сервера без отправки if-modified-since или же if-none-match заголовки в запросе.
Обратите внимание, что передача true к location.reload() поддерживается в Firefox (см. MDN) и Internet Explorer (см. MSDN), но не поддерживается повсеместно и не является частью спецификации W3 HTML 5, спецификации W3 draft HTML 5.1 или WHATWG HTML Living Standard.
В неподдерживаемых браузерах, например Google Chrome, location.reload(true) ведет себя так же, как location.reload() .
location.reload() или же location.reload(false)
Перезагружает страницу, извлекая свежую, некэшированную копию самого HTML-кода страницы и выполняя запросы на повторную проверку RFC 7234 для любых ресурсов (например, скриптов), кэшированных браузером, даже если они свежие RFC 7234 позволяет браузеру обслуживать их без повторной проверки.
Как именно браузер должен использовать свой кеш при выполнении location.reload() звонок не указан и не задокументирован, насколько я могу судить; Я экспериментально определил описанное выше поведение.
location = location (или бесконечно много других возможных методов, которые включают назначение location или к его свойствам)
Работает, только если URL-адрес страницы не содержит фрагмент / хэшбэнг!
Это эквивалентно (с точки зрения кэширования) пользователю, открывающему страницу в новой вкладке.
Однако, если URL-адрес страницы содержит хэш, это не повлияет.
Опять же, поведение кеширования здесь не указано, насколько мне известно; Я определил это путем тестирования.
Итак, вы хотите использовать:
window.location.reload() перезагрузится с сервера и снова загрузит все ваши данные, скрипты, изображения и т. д.
- Такое поведение верно в Chrome, по крайней мере - location.reload() вызывает повторную проверку кэшированных ресурсов даже без аргументов, в то время как window.location = document.URL с радостью обслуживает кэшированные ресурсы, не обращаясь к серверу, пока они свежие.
JQuery Load функция также может выполнять обновление страницы:
Поскольку вопрос носит общий характер, давайте попробуем суммировать возможные решения для ответа:
Простое простое решение на JavaScript:
Самый простой способ - это однострочное решение, размещенное соответствующим образом:
Метод Location.reload () перезагружает ресурс с текущего URL-адреса. Его необязательный уникальный параметр - это логическое значение, которое, если оно истинно, всегда вызывает перезагрузку страницы с сервера. Если он неверен или не указан, браузер может перезагрузить страницу из своего кеша.
Это означает, что есть два пути:
Решение1: Принудительная перезагрузка текущей страницы с сервера
Решение2: Перезагрузка из кеша или сервера (в зависимости от браузера и вашей конфигурации)
Вот решение, которое асинхронно перезагружает страницу с помощью jQuery. Это позволяет избежать мерцания, вызванного window.location = window.location . В этом примере показана страница, которая постоянно перезагружается, как на панели мониторинга. Он прошел боевые испытания и транслируется на информационном телеэкране на Таймс-сквер.
также обновляет страницу.
Это значительно упрощает перезагрузку страницы, удаляя любой хеш. Это очень приятно, когда я использую AngularJS в симуляторе iOS, так что мне не нужно повторно запускать приложение.
Вы можете использовать JavaScript location.reload() метод. Этот метод принимает логический параметр. true или же false . Если параметр true ; страница всегда перезагружается с сервера. Если это false ; который используется по умолчанию или с пустым браузером параметров, перезагружает страницу из кеша.
С участием true параметр
С участием default / false параметр
Вы не нужно что-нибудь из jQuery, чтобы перезагрузить страницу с помощью чистый JavaScript, просто используйте функцию перезагрузки для свойства местоположения, например:
По умолчанию это перезагрузит страницу с использованием кеша браузера (если он существует) .
Если вы хотите принудительно перезагрузить страницу, просто передайте правда значение для перезагрузки метода, как показано ниже .
Также, если вы уже в область окна, вы можете избавиться от окна и сделать:
- OP специально упомянул "с jQuery" (хотя, как уже отмечалось многими, это, возможно, должен не вопрос jQuery)
Использовать onclick='return location.reload();' внутри тега кнопки.
Если вы используете jQuery и хотите обновить его, попробуйте добавить свой jQuery в функцию javascript:
Я хотел скрыть iframe со страницы при нажатии на h3 , для меня это сработало, но я не смог щелкнуть элемент, который позволил мне просмотреть iframe для начала, если я не обновлял браузер вручную . не идеально.
Я пробовал следующее:
Смешивание простого Jane javascript с вашим jQuery должно работать.
Все ответы здесь хорошие. Поскольку в вопросе указано о перезагрузке страницы с jquery, Я просто подумал добавить что-то еще для будущих читателей.
jQuery кроссплатформенный Библиотека JavaScript разработан для упрощения написания сценариев HTML на стороне клиента.
~ Википедия ~
Итак, вы поймете, что в основе jquery или jquery лежит javascript. Так что использование чистого javascript намного лучше, когда дело доходит до простых вещей.
Но если вам нужно решение jquery, вот оно.
Есть много способов перезагрузить текущие страницы, но каким-то образом, используя эти подходы, вы можете увидеть обновленную страницу, но не с несколькими значениями кеша, поэтому преодолейте эту проблему или, если вы хотите сделать жесткие запросы, используйте приведенный ниже код.
Простое решение Javascript:
Вероятно, самый короткий (12 символов) - история использования
Вы можете написать это двумя способами. 1-й - стандартный способ перезагрузки страницы, также называемый простое обновление
А другой называется жесткое обновление. Здесь вы передаете логическое выражение и устанавливаете для него значение true. Это перезагрузит страницу, уничтожив старый кеш и отобразив содержимое с нуля.
- 1 Ответы только на код обычно не одобряются на этом сайте. Не могли бы вы отредактировать свой ответ, включив в него некоторые комментарии или пояснения к вашему коду? Объяснения должны отвечать на такие вопросы, как: Что он делает? Как это сделать? Куда оно девается? Как это решает проблему OP? См .: Как ответить. Благодаря!
Это самый короткий вариант в JavaScript.
Вот несколько строк кода, которые можно использовать для перезагрузки страницы. используя jQuery.
Он использует оболочку jQuery и извлекает собственный элемент dom.
Используйте это, если вам просто нужен ощущение jQuery в вашем коде, и вам все равно скорость / производительность кода.
Перезагружать страницу или же осуществлять переход на другую страницу (редирект) можно при помощи следующего кода:
Зачем это нужно? Иногда есть смысл сбросить переданные POST параметры, чтобы после отправки формы и при нажатии пользователем F5 (не спрашивайте, я не знаю зачем это делают 🙂 ) страница не отправила повторное письмо.
Если кто-то знает решение получше, просьба поделится в комментариях.
Как перезагрузить страницу на JavaScriptе
Для js всё гораздо проще, но тоже есть свои варианты
Есть также вариант с редиректом:
Как вы могли заметить, тут идет вывод переменной $URL, то есть по сути мы совместили js + php. Не могу сказать что это хороший вариант, но иногда по другому никак. Кстати говоря, неоднократно видел, когда параметры для плагина подхватывались из настроек модуля и вбивались похожим образом на пхп.
Теперь вы знаете как перезагружать страницу на PHP и JavaScripte 🙂
ПС бонус для битрикс-разработчиков:
автор: Dmitriy
- Создание сайтов на 1С-Битрикс любой сложности
- Вёрстка макетов Figma, Photoshop, Zeplin
- Поддержка проектов на Битриксе
- Разработка нового функционала для сайта
- Парсинг данных
- Выгрузка \ Загрузка файлов в формате XML, YML, XLS, XLSX, CSV, JSON
- Интеграция по API со сторонними сервисами
и многое другое
Как перезагрузить страницу подключенную через include?
Здравствуйте! Подскажите пожалуйста, как перезагрузить страницу, подключенную через include, без.
Перезагрузить страницу Передача условий сортирования по клику
Доброго времени суток. Собственно дела обстоят так: есть страница, на ней два блока - правый и.
Как перезагрузить страницу?
Ответьте Пожалуйста! Жду ответа!
Как перезагрузить страницу по времени?
Здравствуйте. Есть скрипт. И порой он "подвисает". Для его запуска страницу необходимо.
Как нажатием этой кнопки перезагрузить другую страницу в текущем ?
В <iframe> загружена некая страница. На ней есть кнопка. Как нажатием этой кнопки перезагрузить.
невозможность перезагрузить страницу
Подскажите можно ли каким то способом запретить пользователю перезагружать страницу? Допустим.
перезагрузить страницу сайта автоматически
как перезагрузить страницу сайта автоматически, только один раз после загрузки страницы.
Как перезагрузить страницу браузера
в общем есть какая нить функция которая действует как f5?) необходимо обновить текущую страницу.
В данной статье речь пойдет о том, что же такое AJAX и jQuery и будут рассмотрены примеры, как их использовать.
jQuery - JavaScript-framework, библиотека, позволяющая более удобно использовать некоторые возможность Javascript, такие как: создание визуальных эффектов, обработка событий, работа с DOM и поддержка AJAX.
В данной статье мы будем рассматривать только одну функцию библиотеки jQuery, а именно функцию $.ajax(). Эта функция позволяет нам как передавать данные на сервер, так и получать ответы от сервера и все это в фоновом режиме, без перезагрузки страницы. Настройка приема или передачи данных зависит от параметров, с которыми вызывается функция $.ajax(). Основные из них будут рассмотрены ниже. Подробнее о параметрах можно прочесть в руководстве по jQuery.
Перейдем к рассмотрению примеров.
Важно!
Для того, чтобы примеры работали корректно, необходимо:
1. Все файлы должны быть записаны в кодировке UTF-8.
2. Скрипты должны выполняться на веб-сервере, а не запускаться в браузере, как файл.
Создадим простенькую программу, отображающую текущее время, обновляемое раз в секунду по таймеру. Особенностью данной программы будет получение информации о текущем времени из другого внешнего файла.
Содержимое файла index.html.
В коде имеются несколько особенностей, поясним их.
1. Подключение библиотеки jQuery происходит в заголовке HTML файла, для этого записана данная строка.
Сам файл jquery.js - находится в той же папке, что и файлы примера.
2. В теле документа создается контейнер, в который мы будем загружать контент.
3. Странная, на первый взгляд, функция $(document).ready() требуется для корректной работы jQuery, к тому же в ней мы можем выполнить все приготовления к работе программы. В нашем случае мы вызываем функцию show(), в которой прописан механизм получения контента из другого файла, и настраиваем таймер, так, чтобы функция show() вызывалась один раз в секунду.
4. Функция show() состоит из обращения к функции $.ajax() с определенным рядом параметров, которая позволяет нам в фоновом режиме получить информацию из внешнего файла на сервере.
Рассмотрим используемые параметры функции $.ajax().
Обращается к файлу time.php для получения контента.
Результаты запросов не кэшируются.
При успешном выполнении запроса, управление переходит функции, которая получает контент в качестве параметра и записывает его контейнер. Запись в контейнер происходит вот в этой строке:
Содержимое файла time.php.
Смысл работы файла time.php - выводим текущее время на экран.
Программа, динамически загружающая контент, по выбору пользователя.
Содержимое файла index.html.
В теле документа создана форма, имеющая две кнопки, посредством которых пользователь осуществляет выбор желаемого контента. И контейнер для загрузки контента.
Загрузка динамического контента в контейнер осуществляется аналогично примеру 1. Разница лишь в том, что грузится различный контент, если происходят разные события.
Содержимое файлов page1.html и page2.html, которые загружаются в область контента динамически, представляет собой простые HTML-страницы или текстовые файлы с контентом.
Рассмотрим пример, отправляющий введенное имя пользователя на сервер. Сервер при получении имени выдает приветствие и подсчитывает количество символов в введенном имени.
Содержимое файла index.html.
В теле документа создана форма для ввода имени пользователя. И контейнер для загрузки динамического контента.
Как мы видим, основная работа опять связана с функцией $.ajax(). В этот раз появляются дополнительные параметры, не рассмотренные в примерах 1 и 2. А именно:
Тип передачи данных.
Параметры, передаваемые серверу. В данном случае мы передаем содержимое поля username - имя пользователя. В общем случае, параметры записываются также, как в методе GET, одной строкой, например:
Обратим внимание, что в конце написана строка:
Это сделано для того, чтобы форма не пыталась передать данные файлу, из которого она запускается и не происходило перезагрузки страницы.
Содержимое файла greetings.php.
Выводим на экран приветствие и подсчитываем количество символов в имени.
Стоит сказать в заключении, что кроме очевидных плюсов создания страниц с использованием динамического обновляющегося контента, есть ряд недостатков, которые следует учитывать при разработке сайта, а именно:
От приведенных недостатов можно избавиться программным путем. В данной статье такие способы не рассматриваются.
Читайте также: