jquery - How to refresh another page using javascript without opening the same page in a new tab

Question

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.

Answer 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:

<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