Skip to content Skip to sidebar Skip to footer

How To Refresh Another Page Using Javascript Without Opening The Same Page In A New Tab

Is it possible to refresh a page from another page using Javascript or JQuery without opening the same page in a new tab. JS: var newtab = window.open('http://localhost:8081/app/

Solution 1:

I got the idea from a previous Question , here they used window Object Reference to reload the popup window, but for me it wont work, because, the parent window and child window runs in 2 different ports. So using the same trick, what i did is :

HTML:

<aonclick="openNewTab()">app2</a><aonclick="refreshExistingTab()">Refresh</a>

JS:

<script>var childWindow = "";
    var newTabUrl="http://localhost:8081/app/home";

    functionopenNewTab(){
        childWindow = window.open(newTabUrl);
    }

    functionrefreshExistingTab(){
        childWindow.location.href=newTabUrl;
    }

</script>

refreshExistingTab() this instend of refreshExistingTab

Solution 2:

take a look at https://developer.mozilla.org/en-US/docs/Web/API/Window.open basically if you do window.open and specify a window name it will overwrite that window with the url you provided. so if you open the page each time with same window name, it should overwrite it each time you do it again from that other page.

Post a Comment for "How To Refresh Another Page Using Javascript Without Opening The Same Page In A New Tab"