Как обновить / обновить страницу по нажатию кнопки - PullRequest
0 голосов
/ 12 июня 2019

У меня есть две html-страницы. Один - display.html, а другой - test.html. В test.html у меня есть кнопка:

<button id="btn" class="btn btn-default commonButton" type="button">Go</button>

На другой странице я показываю некоторый контент. Код javascript на обеих страницах находится в одном файле JS.

Что я хочу знать, так это если я нажму на кнопку в test.html, как я могу перезагрузить / обновить мою другую страницу, которая display.html?

Я делаю что-то вроде этого

$("#btn").on('click',function() {
  window.location = 'display.html';
});

Это перенаправляет меня на ту страницу, которая не соответствует тому, что я пытаюсь сделать.

Страница 1, где есть кнопка

 <button id="btn" class="btn btn-default commonButton" type="button">
         </button>

Page 1 JS код

Imagehandeler
function Imagehandeler() 
{
    $.ajax({
    $("#btn").click(function() {
                localStorage.setItem('doRefresh', 'yes');
});
// ajax callinge here 
}); //ajax closing
} //function closing

Теперь на странице 2 JS

    fullCode();
    function fullCode()
    {
        window.addEventListener('storage', function(e) {  
            var canIRefresh = storage.getItem('doRefresh');
            if(canIRefresh == 'yes'){
                console.log(canIRefresh)
              localStorage.setItem('doRefresh', 'no');
              location.reload();
            }
            });
// Some codes to displaying data
}

Теперь вот о чем я думал

Ответы [ 2 ]

0 голосов
/ 12 июня 2019

У меня есть идея для вашего случая, но я не пробовал ее раньше. Добавьте значение в localstorage, чтобы указать обновление страницы. И слушайте местное хранилище на предмет изменения стоимости. Когда значение изменится, обновите страницу и восстановите значение до исходного состояния. Как ниже:

localStorage.setItem('doRefresh', 'yes');

На другой странице прослушивания localalstorage:

 window.addEventListener('DOMContentLoaded', (event) => { 
    window.addEventListener('storage', function(e) { 
    var canIRefresh = storage.getItem('doRefresh'); 
    console.log(canIRefresh); 
    if(canIRefresh == 'yes'){ 
    console.log(canIRefresh) 

    localStorage.setItem('doRefresh', 'no'); 

    } 
    }); 
  });
0 голосов
/ 12 июня 2019

использование window.location.href = path;

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