Remove query string in url when user reloads page

Question

Hi I have am logging in users and redirecting them to http://domain.com/profile/#welcomemessage or http://domain.com/profile/?msg=showwelcomemessage

So basically it shows welcome message based on query string.When Users reload the page I want to remove the query.i.e..basically I want to show the welcome message only once.

If this is not possible.Should I use localstorage ? will this work on all browsers?

Rahul Tripathi · Accepted Answer · 2015-04-10 18:22:47Z

2

You are probably looking for

window.history.replaceState

Usage:

window.history.replaceState( {} , 'foo', '/foo' );

From w3.org:

history . replaceState(data, title [, url ] )

Updates the current entry in the session history to have the given data, title, and, if provided and not null, URL.

or you can use localStorage like this:

if (!localStorage.getItem("visited")) {
    //yourmessage

    localStorage.setItem("visited", "true");
}

//clear the localStorage when the tab is closed
window.onbeforeunload = function() {
    localStorage.removeItem("visited");
};

edited Apr 10, 2015 at 18:22

answered Apr 10, 2015 at 18:13

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

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

Comments

KJ Price · Accepted Answer · 2015-04-10 18:14:46Z

localStorage sounds like the way to go. Or a session if you are more server-orientated. localStorage does work in ie8 and above

For localStorage:

if (!localStorage.hideWelcomeMessage) {
   document.getElementById('welcome-message').style.display="block";
   localStorage.hideWelcomeMessage = true;
}

and html:

<div id="welcome-message" style="display:none;">Welcome!</div>

The above assumes the id is "welcome-message" but of course you can change that up.

Collectives™ on Stack Overflow

Remove query string in url when user reloads page

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related