How to refresh a page with jQuery by passing a parameter to URL

Question

I am refreshing my page using jQuery:

location.reload();

This is working great but I want to refresh the same page by passing a parameter to URL.

How can I do this by using jQuery?

Ex:

If my url is www.myweb.com, I want to refresh this by passing a parameter like this

  www.myweb.com?single

Thank you

If this is literally what you want, most of the answers here will work. But if what you actually want is to reload the page with altered request parameters, refer to my answer: stackoverflow.com/a/33361578/1450294 — Michael Scheper
– Michael Scheper, Commented Oct 27, 2015 at 6:54

Jean Pierre · Accepted Answer · 2021-05-10 10:24:10Z

62

You should be able to accomplish this by using location.href

if(window.location.hostname == "www.myweb.com")
   window.location.href += "?single";

edited May 10, 2021 at 10:24

Jean Pierre

33 bronze badges

answered Mar 8, 2011 at 13:24

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

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

5 Comments

KillerFish Over a year ago

Thank You this is working great. But i am getting problem from the next refresh.

KillerFish Over a year ago

First time url is : www.myweb.com/?single second time url is : www.myweb.com/?single?single How can i avoid repeated parameters ?

karim79 Over a year ago

if(window.location.hostname == "www.myweb.com" && window.location.search != '?single') ?

Mark Coleman Over a year ago

instead of using .hostname you could try to use href as it will be the full url. other options on the location object are found here : developer.mozilla.org/en/DOM/window.location

Michael Scheper Over a year ago

@KillerFish: A less hackish solution: stackoverflow.com/a/33361578/1450294

Rui Seixas Monteiro · Accepted Answer · 2012-08-25 16:11:05Z

57

I would use REGEX with .replace like this:

window.location.href = window.location.href.replace( /[\?#].*|$/, "?single" );

edited Aug 25, 2012 at 16:11

answered Aug 25, 2012 at 3:14

Rui Seixas Monteiro

6795 silver badges4 bronze badges

3 Comments

Benny Neugebauer Over a year ago

This method is very good because it does not append a parameter to an existing parameters!

Michael Scheper Over a year ago

@BennyNeugebauer: Sometimes, though, you'll want to keep the existing parameters. For those cases, see this: stackoverflow.com/a/33361578/1450294

Paintoshi Over a year ago

Elegant solution! I've searched far and wide to find this.

Fábio Nicolau de Lima · Accepted Answer · 2019-07-31 17:07:00Z

28

You can use Javascript URLSearchParams.

var url = new URL(window.location.href);
url.searchParams.set('single','');
window.location.href = url.href;

[UPDATE]: If IE support is a need, check this thread:

SCRIPT5009: 'URLSearchParams' is undefined in IE 11

Thanks @john-m to talk about the IE support

edited Jul 31, 2019 at 17:07

answered Mar 7, 2018 at 0:56

Fábio Nicolau de Lima

1,49416 silver badges13 bronze badges

1 Comment

Fábio Nicolau de Lima Over a year ago

If IE support is a need, check this thread: stackoverflow.com/questions/45758837/…

Ori · Accepted Answer · 2011-03-08 13:26:51Z

3

Concision counts: I prefer window.location = "?single"; or window.location += "?single";

answered Mar 8, 2011 at 13:26

Ori

4,2322 gold badges27 silver badges27 bronze badges

Comments

Eyal Ch · Accepted Answer · 2014-11-13 14:47:04Z

3

if window.location.hash is empty, you cant assign to location.href a new value without using a correct function (at least tested in chrome).

try the window.location.replace:

if (!window.location.hash) 
    {
        window.location.replace(window.location.href + "?single")
    }

answered Nov 13, 2014 at 14:47

Eyal Ch

10.1k5 gold badges49 silver badges54 bronze badges

Comments

Mr. Concolato · Accepted Answer · 2014-12-30 21:18:53Z

3

You could simply have just done:

var varAppend = "?single";
window.location.href = window.location.href.replace(".com",".com" + varAppend);

Unlike the other answers provided, there is no needless conditional check. If you design your project properly, you'll let the interface make the decision making and calling that statement whenever an event has been triggered.

Since there will only be one ".com" in your url, it will just replace .com with .com?single. I just added varAppend just in case you want to make it easier to modify the code in the future with different kinds of url variables.

One other note: The .replace works by adding to the href since href returns a string containing the full url address information.

edited Dec 30, 2014 at 21:18

Mr. Concolato

2,2405 gold badges25 silver badges45 bronze badges

answered Jul 3, 2012 at 14:49

sksallaj

4,0105 gold badges40 silver badges62 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:47:23Z

3

Click these links to see these more flexible and robust solutions. They're answers to a similar question:

With jQuery and the query plug-in: window.location.search = jQuery.query.set('single', true);
Without jQuery: Use parse and stringify on window.location.search

These allow you to programmatically set the parameter, and, unlike the other hacks suggested for this question, won't break for URLs that already have a parameter, or if something else isn't quite what you thought might happen.

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Oct 27, 2015 at 6:52

Michael Scheper

7,2918 gold badges68 silver badges77 bronze badges

Comments

Kris Ivanov · Accepted Answer · 2011-03-08 13:41:38Z

1

var singleText = "single";
var s = window.location.search;

if (s.indexOf(singleText) == -1) {
    window.location.href += (s.substring(0,1) == "?") ? "&" : "?" + singleText;
}

edited Mar 8, 2011 at 13:41

answered Mar 8, 2011 at 13:24

Kris Ivanov

10.6k2 gold badges26 silver badges36 bronze badges

Comments

Berry van Zanten · Accepted Answer · 2014-04-29 00:28:26Z

0

I'm using Jquery Load to handels this, works great for me. check out my code from my project. I need to refresh with arguments to put Javascript variable into php

if (isset($_GET['language'])){
    $language = $_GET['language'];
}else{
    echo '<script>';    
    echo '  var userLang = navigator.language || navigator.userLanguage;';
    echo '  if(userLang.search("zh") != -1) {';
    echo '      var language = "chn";';
    echo '  }else{';
    echo '      var language = "eng";';
    echo '  }';
    echo '$("html").load("index.php","language=" + language);';
    echo '</script>';
    die;
}

answered Apr 29, 2014 at 0:28

Berry van Zanten

91 bronze badge

1 Comment

ProfileTwist Over a year ago

Or just add the url into the dom and then use jquery to pull it from the parameter. No need for an entire javascript code

Jean Pierre · Accepted Answer · 2021-05-07 12:29:08Z

0

I used this exact thing before, I have a custom function that I used for the if statement like mentioned by Mark Coleman aswell as submitted a shorter version of his answer but just for the kicks, here is my version

function isOfType(sParam) {
   var sPageURL = window.location.search.substring(1);
   var sURLVariables = sPageURL.split('&');
   var sParameterName = sURLVariables[0];
   return (sParameterName.toLowerCase() == sParam)
}

once you have that function you will use it like this

if(!isOfType('single'))
    window.location.href += '?single';

answered May 7, 2021 at 12:29

Jean Pierre

33 bronze badges

1 Comment

Bart Jolling Over a year ago

In 2021 there's not much point to this answer. Every modern browser now supports URLSearchParam.has() --> developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/has

Collectives™ on Stack Overflow

How to refresh a page with jQuery by passing a parameter to URL

10 Answers 10

5 Comments

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

5 Comments

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related