javascript - 如何从第一页的按钮重新加载第二页？

Question

我在第一页上单击了按钮，当我单击第一页上的按钮时，我想刷新第二页？

我一直在使用此代码，但无法正常工作:

var url_home = "{{ url('/') }}";

$(document).ready(function()
{  
    $("#refreshDIV").click(function()
    {
        $("#refreshDIV").reload(url_home);
    });
});

Answer 1

只要同时打开两个页面，就可以使用本地存储在浏览器中完成此操作。

在页面 ONE 中，您可以设置本地存储，如下所示:

$("#refreshDIV").click(function()
{
    localStorage.setItem('refreshOtherPage', '0');
    localStorage.setItem('refreshOtherPage', '1');
});

然后在页面和两个中，您可以添加一个侦听器脚本来自动重新加载页面:

//Fired from page ONE tab

    $(window).on('storage', function (e)
    {
        var storageEvent = e.originalEvent;

        if ((storageEvent.key == 'refreshOtherPage')
            && (storageEvent.oldValue == '0')
            && (storageEvent.newValue == '1'))
        {
          // DO WHATEVER YOU WANTED TO DO WHEN THAT BUTTON WAS CLICKED HERE
        }
    });