Reload parent window from child window

Question

How can I reload my child window's parent using jQuery?

score 106 · Answer 1 · edited Aug 14 '13 at 17:49

106

No jQuery is necessary in this situation.

window.opener.location.reload(false);

https://developer.mozilla.org/en-US/docs/Web/API/Window

edited Aug 14 '13 at 17:49

Travis

12,001
8
39
52

answered Aug 23 '09 at 07:41

ChaosPandion

77,506
18
119
157

Yep, just fixed that. Thanks for the explanation. – ChaosPandion Aug 23 '09 at 07:45
4

It does take an argument - you can pass in true to force reload (i.e. ignore cache) – Greg Aug 23 '09 at 07:47
The Mozilla reference site mentions this. I wonder if it is browser specific. – ChaosPandion Aug 23 '09 at 07:49
Even if the argument is non-standard, it will be ignored (http://www.w3.org/TR/Window/#location-methods), so there's no harm in using it unless you want the default behaviour. – strager Aug 23 '09 at 08:15
2

Not working in chrome: Uncaught TypeError: Cannot read property 'location' of null – Sep 02 '14 at 07:38

score 25 · Answer 2 · answered Aug 23 '09 at 08:39

25

You can use window.opener, window.parent, or window.top to reference the window in question. From there, you just call the reload method (e.g.: window.parent.location.reload()).

However, as a caveat, you might have problems with window.opener if you need to navigate away from the originally opened page since the reference will be lost.

answered Aug 23 '09 at 08:39

Justin Johnson

30,978
7
65
89

+1 The marked answer used window.opener (which I understand why that is the preferred way), but I only had luck w/ window.top – Rikon Jun 08 '12 at 15:39
1

If the child window was an iframe, you can use: window.parent.reload(); or window.parent.location.href='abc.html'; – shasi kanth Oct 16 '12 at 07:44
`reload()` is not a method of `window`. You mean `window.parent.loacation.reload()`, which I have in my answer. – Justin Johnson Oct 19 '12 at 01:37

score 16 · Answer 3 · answered Apr 20 '17 at 08:33

16

parent.location.reload();

This should work.

answered Apr 20 '17 at 08:33

Adem Büyük

563
7
15

And set the optional parameter to true to bypass the browser cache. e.g. parent.location.reload(true); ref. https://www.w3schools.com/jsref/met_loc_reload.asp – Zeek2 Aug 02 '18 at 12:46

score 6 · Answer 4 · answered Oct 05 '18 at 11:43

if you want to simply reload the parent window of child window: This line code below is enough for that.

opener.location.reload();

if you want to reload parent window with query string (request) with old or new values. Following code will do the work.

if (opener.location.href.indexOf('?') > 0) {
      var baseUrl = opener.location.href.substring(0, opener.location.href.indexOf('?'));
      opener.location.href = baseUrl + "?param1=abc&param2=123";
}
else {
      opener.location.href = opener.location.href + "?param1=abc&param2=123";
}

this opener.location.reload(); is not required in above example.

score 4 · Answer 5 · answered Apr 26 '17 at 08:34

4

This working for me:

  window.opener.location.reload()
  window.close();

In this case Current tab will close and parent tab will refresh.

answered Apr 26 '17 at 08:34

Rajesh Kumar

602
6
20

score 3 · Answer 6 · answered Jun 07 '13 at 05:23

3

You can reload parent window location using :

window.opener.location.href = window.opener.location.href;

answered Jun 07 '13 at 05:23

Raju Ram

943
9
15

score 2 · Answer 7 · answered May 03 '13 at 20:57

2

  top.frames.location.reload(false);

answered May 03 '13 at 20:57

CG_DEV

788
7
7

score 1 · Answer 8 · answered Sep 15 '14 at 20:20

1

Prevents previous data from been resubmitted. Tested in Firefox and Safari.

top.frames.location.href = top.frames.location.href;

answered Sep 15 '14 at 20:20

CodeChap

4,132
6
30
40

score 1 · Answer 9 · edited Apr 06 '16 at 07:17

1

window.parent.opener.location.reload();

worked for me.

edited Apr 06 '16 at 07:17

vc 74

37,131
7
73
89

answered Apr 06 '16 at 06:43

Phanikumar Jatavallabhula

181
1
8

score 1 · Answer 10 · edited Feb 27 '20 at 15:43

1

This will work for refresh parent window from child window

window.opener.location.reload(true);

for some version of IE this will not work so you can set some delay

window.setTimeout(window.opener.location.reload(true), 3000);

edited Feb 27 '20 at 15:43

Ramin eghbalian

2,348
1
16
36

answered Feb 27 '20 at 14:41

Harish Rawat

11
1

score 0 · Answer 11 · answered Aug 25 '17 at 14:08

0

this will work

window.location.assign(window.location.href);

answered Aug 25 '17 at 14:08

Avnish Tiwary

2,188
22
27

score 0 · Answer 12 · answered May 22 '20 at 07:28

0

For Atlassian Connect Apps, use AP.navigator.reload();

See details here

answered May 22 '20 at 07:28

LukeSolar

3,795
4
32
39

Reload parent window from child window

12 Answers12

Linked