单击按钮时如何刷新/重新加载页面答案

【问题标题】：How to refresh / reload a Page on click of button单击按钮时如何刷新/重新加载页面
【发布时间】：2019-10-26 19:13:15
【问题描述】：

我有两个 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>

第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
}

这就是我的想法

【问题讨论】：

这两个页面有什么关系？例如，一个是否包含在另一个内的 iframe 中？
不确定我是否正确解释了这个问题，但这不是网站的工作方式。就您的浏览器而言，这两个页面都是单独的页面。因此，除非一个页面打开另一个页面，否则它们不会相互引用。您要么必须使用服务器充当中间人，要么让一个页面打开另一个页面，以便它们相互引用。
你到底想要什么？
@ArshpreetWadehra 从一个页面我想重新加载或刷新其他页面
@Shilly 没有关系

标签： javascript java jquery servlets

【解决方案1】：

我对您的情况有一个想法，但我之前没有尝试过。向 localstorage 添加一个值以指示页面刷新。并监听 localstorage 的值变化。当值更改时刷新页面并将值恢复到初始状态。如下：

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

在其他页面监听本地存储：

 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'); 

    } 
    }); 
  });

【讨论】：

嘿你说我必须传递一个动态变量来代替yes？
我将如何处理该值已更改？我将如何刷新该页面？
嘿，现在我在第一页有两个页面的单独 js 代码我有一个函数，其中有 ajax 调用，所以我想检查数据是否相同，然后需要重新刷新我的新数据页面，等等让我编辑我的帖子
嘿，我将如何处理单击按钮的一页？
嘿先生你在吗？

【解决方案2】：

使用window.location.href = path;

【讨论】：

这会将我重定向到我不想要的页面