get/change/remove URL parameters with jQuery?

Question

I was looking over this question and searching google but I didn't find any update, so I am wondering if any of you know anything more recent because the last update on

https://github.com/blairmitchelmore/jquery.plugins was in 2009 and 2010 on https://github.com/cowboy/jquery-bbq

Or any other ideas? I need to add/change/remove parameters to my url

This is tough to do, mainly because of the security issues involved. Are you unable to use either of the plugins you linked to? I'd imagine these would only manipulate the hash value. — Hacknightly, Jan 25 '12 at 20:07
i didn't tried them out because I am looking first for a more recent version to see if something... if not than I will see if they work. From 2009 to 2012 something better could've appeared — Alex, Jan 25 '12 at 20:12
Manipulating query parameters is such a basic thing that it doesn't hardly matter whether the code is brand new or several years old. — simon, Jan 25 '12 at 20:15

Shiplu Mokaddim · Accepted Answer · 2012-03-06T23:07:06.030

10

Its easy to do by pure JS.

See this code from www.samaxes.com

var queryParameters = {}, queryString = location.search.substring(1),
    re = /([^&=]+)=([^&]*)/g, m;

while (m = re.exec(queryString)) {
    queryParameters[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
}

// Add new parameters or update existing ones
queryParameters['newParameter'] = 'new parameter';
queryParameters['existingParameter'] = 'new value';
location.search = $.param(queryParameters);

Its not flawless. But at least it can give you some idea.

Update 1:
Here is a function I wrote for another answer (cant remember). It works perfect.

edited Mar 06 '12 at 23:07

answered Jan 25 '12 at 20:10

Shiplu Mokaddim

56,364
17
141
187

Wouldn't location.search reload the page? I suppose this is Ok if that works for the op. I figured that a reload was undesirable. – Hacknightly Jan 25 '12 at 20:12
No. `location.search` contains the query string with `?` added. Its a string. – Shiplu Mokaddim Jan 25 '12 at 20:14
Typing location.search = "foobar" into the console causes a page reload. – Hacknightly Jan 25 '12 at 20:14
@hackNightly Yes. it'll reload the page. In fact OP want to change the param of query string so that it reloads. – Shiplu Mokaddim Jan 25 '12 at 20:16
Oh, ok, that makes more sense. Good call. – Hacknightly Jan 25 '12 at 20:19
yes, but this is used only to set... not to get the value of an existing one... right? – Alex Jan 25 '12 at 21:19
@w0rldart If value can not be get how can it be set? `queryParameters['existingParameter']` gets value of parameter `existingParameter`. – Shiplu Mokaddim Jan 25 '12 at 21:25

get/change/remove URL parameters with jQuery?

1 Answers1