Обновить (перезагрузить) страницу один раз с помощью jQuery?

83

Мне интересно, как обновить / перезагрузить страницу (или даже конкретный div) один раз (!) С помощью jQuery?

В идеале таким образом , сразу после того , DOM structureимеется (см onloadсобытие) и не влияет отрицательно back buttonили bookmarkфункциональность.

Обратите внимание: replace() не допускается из-за ограничений третьих лиц.

jquery refresh reload

— Пит
источник

Мне что-то не хватает в вашем вопросе. Что вы имеете в виду под «обновлением» страницы? Если страница загрузилась, при немедленной перезагрузке будет загружен точно такой же контент, верно? Что вы пытаетесь достичь?

— Дуг Найнер 01

Я работаю над шаблоном, который сначала появляется "нормально", но при обновлении / перезагрузке принудительно помещается в iFrame. Теперь я хочу, чтобы страница также отображалась в этом iFrame при первом «вызове». TIA!

— Пит

Думаю, вам стоит прочитать эту статью mycodingtricks.com/snippets/javascript/…

— Кумар,

82

Хорошо, я думаю, что получил то, о чем вы просите. Попробуй это

if(window.top==window) {
    // You're not in a frame, so you reload the site.
    window.setTimeout('location.reload()', 3000); //Reloads after three seconds
}
else {
    //You're inside a frame, so you stop reloading.
}

Если один раз, то просто сделай

$('#div-id').triggerevent(function(){
    $('#div-id').html(newContent);
});

Если это периодически

function updateDiv(){
    //Get new content through Ajax
    ...
    $('#div-id').html(newContent);
}

setInterval(updateDiv, 5000); // That's five seconds

Итак, каждые пять секунд содержимое div # div-id будет обновляться. Лучше, чем обновлять всю страницу.

— Бен
источник

Спасибо, но я хочу, чтобы страница обновлялась / перезагружалась только ОДИН РАЗ (за сеанс браузера, если возможно) ...?

— Пит

Какой спусковой крючок для перезарядки? определенное событие или просто время?

— Бен

триггер: первый "вызов" страницы (извините, мой английский немного плохой g )

— Пит

омфгрофлмао, ты гений! "Отредактированная" версия - это именно то, что я искал (кстати, целый день ...). Можно ли добавить сюда дополнительный триггер времени? Так что location.reload выполняется - скажем - через 3 секунды ...? ТИА (ВЫ действительно сделали мой день!)

— Пит

Да, конечно, просто измените location.reload () на window.setTimeout ('location.reload ()', 3000);

— Бен

66

Для перезагрузки вы можете попробовать следующее:

window.location.reload(true);

— Милли
источник

1

вы можете объяснить аргумент bool?

— tomfumb

7

Аргумент функции location.reload определяет, должен ли браузер получать документ с веб-сервера. Если необходимо снова вытащить документ с веб-сервера (например, если содержимое документа изменяется динамически), передайте аргумент как «истинный» grizzlyweb.com/webmaster/javascripts/refresh.asp

— Secret Squirrel

40

window.location.href=window.location.href;

— Maz
источник

плохая репутация, jQuery запросил HTML. -1

— Стефано Гроенланд

Это не сработает, если URL-адрес имеет хэш вида

— Кумар

5

Использовать этот:

    <script type="text/javascript">
        $(document).ready(function(){

            // Check if the current URL contains '#'
            if(document.URL.indexOf("#")==-1)
            {
                // Set the URL to whatever it was plus "#".
                url = document.URL+"#";
                location = "#";

                //Reload the page
                 location.reload(true);
            }
        });
    </script>

Из-за ifусловия страница будет перезагружена только один раз.

— Параг Гайвкад
источник

4

$('#div-id').click(function(){

   location.reload();
        });

Это правильный синтаксис.

$('#div-id').html(newContent); //This doesnt work

— свапнил
источник

3

У вас нет функции обновления jQuery, потому что это основы JavaScript.

Попробуй это:

<body onload="if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');">

— Адриан П.
источник

Хороший. вы даже можете поместить его в функцию: <body onload = "javascript: init ()"> и function init () {if (location.href.indexOf ('reload') == - 1) location.replace (location. href + '& reload');}

— Адриан П.

2

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

<html>
    <head>
        <title>Reload (Refresh) Page Using Jquery</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#reload').click(function() {
                    window.location.reload();
                });
            });
        </script>
    </head>
    <body>
        <button id="reload" >Reload (Refresh) Page Using</button>
    </body>
</html>

— Вики
источник

1

Добавьте это в начало файла, и сайт будет обновляться каждые 30 секунд.

<script type="text/javascript">
    window.onload = Refresh;

    function Refresh() {
        setTimeout("refreshPage();", 30000);
    }
    function refreshPage() {
        window.location = location.href;
    }
</script>

Другой: добавить в заголовок

<meta http-equiv="refresh" content="30">

— Пареш3489227
источник

1

 - location = location
 - location = location.href
 - location = window.location
 - location = self.location
 - location = window.location.href
 - location = self.location.href
 - location = location['href']
 - location = window['location']
 - location = window['location'].href
 - location = window['location']['href']

Для этого вам не нужен jQuery. Вы можете сделать это с помощью JavaScript.

— Стив
источник

0

Используйте это вместо

function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}

<a href="javascript:timedRefresh(2000)">image</a>

— Арунав
источник

0

Попробуйте этот код:

$('#iframe').attr('src', $('#iframe').attr('src'));

— Косс
источник

0

Попробуй это:

<input type="button" value="Reload" onClick="history.go(0)">

— user1016195
источник

0

Для обновления страницы с помощью javascript вы можете просто использовать:

location.reload();

— Фелипе Леао
источник

0

Вам может потребоваться использовать thisссылку вместе с location.reload() проверкой, это сработает.

this.location.reload();

— Тино Хосе Таннипара
источник