I am trying to remove some parameters from the url query string.
I have an array of parameters to be removed:
var queryParamsToRemove = ['destination','formName'];
What I was trying to do, is search for each parameter in the url, and remove it using a RegExp. Something like this:
for (param in queryParamsToRemove){
patt = new RegExp(param,'g');
queryString = queryString.replace('&' + patt + '=' + /*?=&/g,'');
}
But this doesn't work, because of syntax problems, I guess.
Here is a function that I often use in my projects, it allows you to fetch all GET parameters in an associative array:
function urlGet()
{
var t = location.search.substring(1).split('&');
var f = new Object();
for (var i = 0; i < t.length; i++)
{
var x = t[i].split('=');
f[x[0]] = x[1];
}
return f;
}
You can use this function to get all parameters and then, remove from array the parameters you don't want with delete method.
var parameters = urlGet();
delete parameters.destination;
delete parameters.formName;
You now just have to build a new query string.
var query = '?';
for (var prop in parameters)
{
query += prop + '=' + parameters[prop] + '&';
};
query = query.substr(0, query.length - 1);
Now, add it to your base url and you're done!
To answer your real real question:
for (param in queryParamsToRemove){
queryString = queryString.replace(new RegExp('[&\?]' + queryParamsToRemove[param] + '=.*(&?)', 'g'), '\1');
}
That should work.
Otherwise you could use a function like this one: The $.param( ) inverse function in JavaScript / jQuery (Simply remove jQuery from function name and you can use it without any library).
Something like this:
unparam = function (value) {
var
// Object that holds names => values.
params = [],
// Get query string pieces (separated by &)
pieces = value.split('&'),
// Temporary variables used in loop.
pair, i, l;
// Loop through query string pieces and assign params.
for (i = 0, l = pieces.length; i < l; i++) {
pair = pieces[i].split('=', 2);
// Repeated parameters with the same name are overwritten. Parameters
// with no value get set to boolean true.
params[decodeURIComponent(pair[0])] = (pair.length == 2 ?
decodeURIComponent(pair[1].replace(/\+/g, ' ')) : true);
}
return params;
};
var query = unparam(querystr);
for(var i in queryParamsToRemove) {
delete query[queryParamsToRemove[i]];
}
Turning the query string into an array, and from there you can remove your values and convert it back to a query string. If you use jQuery you can use jQuery.param()
Otherwise it shouldn't be too hard to make your own function.
To now convert the query array into a string we could do:
reparam = function (queryArray) {
var res = [];
for(var i in queryArray) {
res.push(i + "=" + queryArray[i]);
}
return res.join('&');
}
var queryString = reparam(query);
Ok, found something that works!
for (param in queryParamsToRemove) {
queryString = queryString.replace(new RegExp('&(' + queryParamsToRemove[param] + '=)+((\w)*(.)*)*&', 'g'), '&');
}