Reloading the page through jQuery

Question

I want to reload a page only 1 time when the user goes to that page.

I am using the following script:

$(document).ready(function() {
    for (i = 1 ; i <= 1 ; i++) {
    location.reload();
    }
});

But it keeps on reloading the page. Any error with the for loop?

yeah - the error is, that if you reload yourself, the script also gets reloaded and therefore restarts! you have to wrap something around your page, that loads the content. — errand
– errand, Commented Dec 8, 2014 at 12:58
Check for any persistent data client side as cookie or local/session storage. That's said, sounds really like a xy problem. Why would you need to reload page and especially in a for loop??? Doesn't make any sense — A. Wolff
– A. Wolff, Commented Dec 8, 2014 at 12:58
If you reload your page the $(document).ready is loaded again. — Der Vampyr
– Der Vampyr, Commented Dec 8, 2014 at 12:59
I want to reload the page only one time when the user goes to that page. — Paramasivan
– Paramasivan, Commented Dec 8, 2014 at 13:03

Mooseman · Accepted Answer · 2014-12-08 13:08:27Z

3

JavaScript resets every time the page is loaded. Once the page is reloaded, your for loop is history. Here's an alternative using HTML5 Local Storage:

$(document).ready(function() {
    if(localStorage.getItem('reload') != false)
        localStorage.setItem('reload', false);
        location.reload();
    }
});

edited Dec 8, 2014 at 13:08

answered Dec 8, 2014 at 12:58

Mooseman

18.9k14 gold badges74 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Reinstate Monica Cellio Over a year ago

This will only work the first time you visit the page. If you go back to the site later then it won't reload the page.

CodingIntrigue Over a year ago

@Archer The OP hasn't explained it very well, but I think that is the requirement

Mooseman Over a year ago

@Archer If the OP is using a login system, they could .removeItem a sessionStorage on logout. This would most likely be the best solution.

dfsq · Accepted Answer · 2014-12-08 13:00:01Z

2

You need somehow make page remember that it's has already been loaded before. I would use localStorage/sessionStorage:

$(document).ready(function() {
    if (!localStorage.reloaded) {
        location.reload();
        localStorage.reloaded = true;
    }
});

answered Dec 8, 2014 at 13:00

dfsq

193k26 gold badges244 silver badges261 bronze badges

5 Comments

CodingIntrigue Over a year ago

Someone's being very harsh with their downvotes today. Btw, I did not realise we could use dot/bracket notation with localStorage. I'll consider that my something new for today, thanks!

dfsq Over a year ago

@RGraham Yes, it's a little bit more concise then getItem. You can also use bracket notation like like with ordinary object.

A. Wolff Over a year ago

You'd have better to set localStorage property before calling reload() method for better cross browser support. As a side note regarding setting property of localstorage vs using relevant method: stackoverflow.com/a/15439059/1414562

dfsq Over a year ago

@A.Wolff Sure, I'm aware about differences between getItem and property access. Just in case of checks for falsy values it doesn't matter.

A. Wolff Over a year ago

@dfsq Ya it doesn't really matter

Sam Greenhalgh · Accepted Answer · 2014-12-08 13:31:21Z

1

As others have mentioned, you'll need some mechanism of maintaining some kind of flag to indicate that the page has been reloaded that persists after reloading.

Common solutions to this would be cookies, url fragments, local storage.

Cookie

if(!(/\breloaded=1/.test(document.cookie))){
    document.cookie = 'reloaded=1';
    location.reload();
}

URL fragment

if(location.hash != '#reloaded'){
    location.hash = '#reloaded';
    location.reload();
}

Local Storage

if (localStorage.getItem('reloaded') != false) {
    localStorage.setItem('reloaded', false);
    location.reload();
}

edited Dec 8, 2014 at 13:31

answered Dec 8, 2014 at 13:03

Sam Greenhalgh

6,14624 silver badges38 bronze badges

Comments

Connor Wyatt · Accepted Answer · 2014-12-08 13:01:42Z

-1

You can set a cookie to be set using jquery when you first load the page and then use an if statement to run the reload if the page hasn't already been reloaded (which will be defined in the cookie) and delete the cookie after.

answered Dec 8, 2014 at 13:01

Connor Wyatt

15611 bronze badges

Collectives™ on Stack Overflow

Reloading the page through jQuery

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related