Как я могу обновить страницу с помощью jQuery?

Question

Как я могу обновить страницу с помощью jQuery?

2741

javascript jquery refresh reload

Источник

user505762 23 мар '11 в 11:55

33 ответа

Решение

Есть много способов обновить страницу с помощью JavaScript:

location.reload()
history.go(0)
location.href = location.href
location.href = location.pathname
location.replace(location.pathname)
location.reload(false)
Если бы нам нужно было снова извлечь документ с веб-сервера (например, когда содержимое документа изменяется динамически), мы передали бы аргумент как true,

Вы можете продолжить творческий список:

window.location = window.location
window.self.window.self.window.window.location = window.location
... и другие 534 пути

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}

button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

520

Источник

user1420197 23 июн '13 в 09:47

Это должно работать во всех браузерах даже без jQuery:

location.reload();

485

Источник

user671047 23 мар '11 в 11:57

Много способов будет работать, я полагаю:

window.location.reload();
history.go(0);
window.location.href=window.location.href;

216

Источник

user328193 23 мар '11 в 11:58

Чтобы перезагрузить страницу с помощью jQuery, выполните:

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

Подход, который я здесь использовал, был Ajax jQuery. Я протестировал его на Chrome 13. Затем я поместил код в обработчик, который вызовет перезагрузку. URL является "", что означает эту страницу.

124

Источник

user849417 30 сен '11 в 11:00

Если текущая страница была загружена запросом POST, вы можете использовать

window.location = window.location.pathname;

вместо

window.location.reload();

так как window.location.reload() запросит подтверждение при вызове на странице, которая была загружена запросом POST.

114

Источник

user1453311 22 июн '12 в 11:58

Вопрос должен быть

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

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

Вы избалованы выбором.

74

Источник

user295508 23 мар '11 в 12:01

Вы можете использовать

location.reload(forceGet)

forceGet является логическим и необязательным.

По умолчанию используется значение false, которое перезагружает страницу из кэша.

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

Или просто

location.reload()

если вы хотите быстро и легко с кэшированием.

58

Источник

user1513082 25 июл '13 в 14:27

Три подхода с различным поведением, связанным с кэшем:

location.reload(true)
В браузерах, которые реализуют forcedReload параметр location.reload(), перезагружается, выбирая свежую копию страницы и всех ее ресурсов (скрипты, таблицы стилей, изображения и т. д.). Не будет обслуживать какие-либо ресурсы из кэша - получает свежие копии с сервера без отправки каких-либо if-modified-since или же if-none-match Заголовки в запросе.
Эквивалентно тому, что пользователь выполняет "жесткую перезагрузку" в браузерах, где это возможно.
Обратите внимание, что прохождение true в location.reload() поддерживается в Firefox (см. MDN) и Internet Explorer (см. MSDN), но не поддерживается повсеместно и не является частью спецификации W3 HTML 5, ни спецификации W3 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 страницы не содержит фрагмента / хешбанга!
Перезагрузка страницы без повторной проверки или повторной проверки любых свежих ресурсов из кэша. Если сам HTML страницы свежий, это перезагрузит страницу без каких-либо HTTP-запросов.
Это эквивалентно (с точки зрения кэширования) пользователю, открывающему страницу в новой вкладке.
Однако, если URL-адрес страницы содержит хэш, это не будет иметь никакого эффекта.
Опять же, поведение кэширования здесь не определено, насколько я знаю; Я определил это путем тестирования.

Итак, в итоге вы хотите использовать:

location = location для максимального использования кэша, пока страница не имеет хеша в своем URL, в этом случае это не будет работать
location.reload(true) извлекать новые копии всех ресурсов без повторной проверки (хотя это не поддерживается универсально и не будет вести себя иначе) location.reload() в некоторых браузерах, например в Chrome)
location.reload() чтобы точно воспроизвести эффект от пользователя, нажав кнопку "обновить".

46

Источник

user1709587 14 ноя '15 в 11:22

window.location.reload() перезагрузится с сервера и снова загрузит все ваши данные, скрипты, изображения и т. д.

Так что, если вы просто хотите обновить HTML, window.location = document.URL вернется гораздо быстрее и с меньшим трафиком. Но он не перезагрузит страницу, если в URL есть хеш (#).

27

Источник

13 окт '13 в 20:32

Поскольку вопрос носит общий характер, давайте попробуем подытожить возможные решения для ответа:

Простое простое решение JavaScript:

Самый простой способ - это однострочное решение, размещенное соответствующим образом:

location.reload();

Многим здесь не хватает, потому что они надеются получить некоторые "очки", так как сама функция reload() предлагает логический параметр в качестве параметра (подробности: https://developer.mozilla.org/en-US/docs/Web/API/Location/reload).

Метод Location.reload() перезагружает ресурс с текущего URL. Его необязательный уникальный параметр - Boolean, который, когда он равен true, заставляет страницу всегда перезагружаться с сервера. Если оно ложно или не указано, браузер может перезагрузить страницу из своего кэша.

Это означает, что есть два пути:

Решение 1. Принудительная перезагрузка текущей страницы с сервера.

location.reload(true);

Решение 2. Перезагрузка из кэша или с сервера (в зависимости от браузера и вашей конфигурации)

location.reload(false);
location.reload();

И если вы хотите объединить его с jQuery для прослушивания события, я бы рекомендовал использовать метод ".on()" вместо ".click" или других оболочек событий, например, более подходящим решением будет:

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

18

Источник

user1071432 02 окт '15 в 09:25

JQuery Load Функция также может выполнить обновление страницы:

$('body').load('views/file.html', function () {
    $(this).fadeIn(5000);
});

18

Источник

user2517209 24 июн '13 в 20:08

Вот решение, которое асинхронно перезагружает страницу, используя jQuery. Это позволяет избежать мерцания, вызванного window.location = window.location, В этом примере показана страница, которая постоянно перезагружается, как на панели инструментов. Он испытан в бою и работает на информационном телевизоре на Таймс-сквер.

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

Заметки:

С помощью $.ajax прямо как $.get('',function(data){$(document.body).html(data)}) приводит к тому, что файлы css/js становятся кэшированными, даже если вы используете cache: true Вот почему мы используем parseHTML
parseHTML НЕ НАЙДЕТ body тег, так что все ваше тело нуждается в дополнительном div, я надеюсь, что этот кусок знаний поможет вам однажды, вы можете догадаться, как мы выбрали идентификатор для этого div
использование http-equiv="refresh" на всякий случай, если что-то пойдет не так с javascript/server hiccup, то страница все равно будет перезагружаться без вашего телефонного звонка
Этот подход, вероятно, как-то теряет память, http-equiv обновить исправления, которые

16

Источник

user300224 17 май '16 в 22:30

Я нашел

window.location.href = "";

или же

window.location.href = null;

также обновляет страницу.

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

15

Источник

user472043 15 сен '16 в 16:04

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

С true параметр

<button type="button" onclick="location.reload(true);">Reload page</button>

С default/ false параметр

 <button type="button" onclick="location.reload();">Reload page</button>

Использование jquery

<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
    $('#Reloadpage').click(function() {
        location.reload();
    }); 
</script>

11

Источник

user8111997 05 мар '18 в 17:18

Использование

location.reload();

или же

window.location.reload();

8

Источник

user7750626 04 фев '19 в 13:59

Вам не нужно ничего из jQuery, чтобы перезагрузить страницу, используя чистый JavaScript, просто используйте функцию reload для свойства location следующим образом:

window.location.reload();

По умолчанию это перезагрузит страницу, используя кеш браузера (если существует)...

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

window.location.reload(true);

Также, если вы уже находитесь в области видимости окна, вы можете избавиться от окна и сделать:

location.reload();

8

Источник

user5423108 27 май '18 в 04:53

вам может понадобиться использовать

       location.reload()

или также может потребоваться использовать

      location.reload(forceGet)

forceGet является логическим и необязательным.

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

4

Источник

user11384233 25 апр '21 в 20:53

<i id="refresh" class="fa fa-refresh" aria-hidden="true"></i>

<script>
$(document).on('click','#refresh',function(){
   location.reload(true);
});
</script>

4

Источник

user9802578 28 ноя '19 в 12:53

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

jQuery - это кроссплатформенная библиотека JavaScript, предназначенная для упрощения клиентских сценариев HTML.
^{~ Википедия ~}

Таким образом, вы поймете, что основа jquery или jquery основана на javascript. Таким образом, использование простого javascript намного лучше, когда дело доходит до простых вещей.

Но если вам нужно решение JQuery, вот один.

$(location).attr('href', '');

3

Источник

user2408342 02 окт '18 в 15:57

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

    location.reload(true);
    //Here, it will make a hard request or reload the current page and clear the cache as well.


    location.reload(false); OR location.reload();
    //It can be reload the page with cache

3

Источник

user5783700 17 сен '19 в 13:19

Если вы используете jQuery и хотите обновить, попробуйте добавить свой jQuery в функцию javascript:

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

Я попробовал следующее:

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

Смешивание простого Jane Javascript с вашим JQuery должно работать.

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

3

Источник

user8083324 25 июл '18 в 07:39

Это работает для меня.

      function reload(){
    location.reload(true);
}

3

Источник

user10017265 15 ноя '21 в 09:44

Использование onclick="return location.reload();" внутри тега кнопки.

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

3

Источник

user1063545 23 май '18 в 10:57

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

location.reload(); //simple refresh

И еще один называется жестким обновлением. Здесь вы передаете логическое выражение и устанавливаете для него значение true. Это перезагрузит страницу, уничтожив старый кеш и отобразив содержимое с нуля.

location.reload(true);//hard refresh

3

Источник

user2995061 07 ноя '19 в 23:20

Вам может понадобиться использовать

          location.reload(forceGet)

forceGet является логическим и необязательным.

Значение по умолчанию - false, что перезагружает страницу кеша.

1

Источник

user15255379 25 апр '21 в 20:50

Простое решение Javascript:

 location = location;

<button onClick="location = location;">Reload</button>

1

Источник

user9513184 10 июл '18 в 18:29

Вот несколько строк кода, которые вы можете использовать для перезагрузки страницы с помощью jQuery.

Он использует оболочку jQuery и извлекает нативный элемент dom.

Используйте это, если вы просто хотите почувствовать jQuery в своем коде и вам не безразлична скорость / производительность кода.

Просто выберите от 1 до 10, который соответствует вашим потребностям, или добавьте еще несколько, основываясь на схеме и ответах перед этим.

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>

1

Источник

user9375533 19 сен '18 в 06:56

$(document).on("click", "#refresh_btn", function(event) 
{
     window.location.replace(window.location.href);
});

1

Источник

user12489279 05 мар '20 в 11:11

Вероятно, самый короткий (12 символов) - история использования

history.go()

1

Источник

user860099 28 окт '19 в 11:41

Другие вопросы по тегам javascript jquery refresh reload

user333426 23 мар '11 в 11:57 2011-03-23 11:57 · Accepted Answer · 2011-03-23 11:57

Использование location.reload():

$('#something').click(function() {
    location.reload();
});

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

Как я могу обновить страницу с помощью jQuery?

33 ответа

`location.reload(true)`

`location.reload()` или же `location.reload(false)`

`location = location` (или бесконечно много других возможных методов, которые включают в себя `location` или к его свойствам)

Как я могу обновить страницу с помощью jQuery?

33 ответа

location.reload(true)

location.reload() или же location.reload(false)

location = location (или бесконечно много других возможных методов, которые включают в себя location или к его свойствам)

`location.reload(true)`

`location.reload()` или же `location.reload(false)`

`location = location` (или бесконечно много других возможных методов, которые включают в себя `location` или к его свойствам)