CODEWITHSUNDEEP
javascriptjqueryreloadpage-refresh
Nayana_Das
Nayana_Das

Reputation: 1817

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/home');
 newtab.document.location.reload(true);

I tried the above, but here, it will open a new tab, with the same page, which is already opened in the browser.

Please suggest a method.

Upvotes: 10

Views: 42224

Answers (2)

Nayana_Das
Nayana_Das

Reputation: 1817

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:

<a onclick="openNewTab()">app2</a>

<a onclick="refreshExistingTab()">Refresh</a>

JS:

<script>

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

    function openNewTab(){
        childWindow = window.open(newTabUrl);
    }

    function refreshExistingTab(){
        childWindow.location.href=newTabUrl;
    }

</script>

refreshExistingTab() this instend of refreshExistingTab

Upvotes: 6

sagie
sagie

Reputation: 1777

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.

Upvotes: 3

Related Questions