Parsing an URL in JavaScript

Question

I need to parse url in JavaScript.

Here is my code:

var myRe = /\?*([^=]*)=([^&]*)/;
var myArray = myRe.exec("?page=3&Name=Alex");
for(var i=1;i<myArray.length;i++)
{
 alert(myArray[i]); 
}

Unfortunately it only works for first name=value pair.

How I can correct my code?

• Felix Kling: possible duplicate of Parse query string in JavaScript
• Andrew D.: According to your example You need to parse only Query String part of URL (after question sign)?

Answer 1

exec returns a match, or null if no match found. So you need to keep execing until it returns null.

var myRe = /\?*([^=]*)=([^&]*)/;
var myArray;
while((myArray = myRe.exec("?page=3&Name=Alex")) !== null)
{
 for(var i=1;i<myArray.length;i++)
 {
 alert(myArray[i]); 
 }
}

Also, you're regex is wrong, it definately needs th g switch, but I got it working using this regex:

var regex = /([^=&?]+)=([^&]+)/g;

See Live example: http://jsfiddle.net/GyXHA/

• pimvdb: +1 exec will return an array or null, so !== null is superfluous. Also, you might want to add a semicolon on the second line.
• Andrew D.: this dont works for "?page=&Name=Alex" (page parameter has empty value) and, possible, if anchor id # is specified
• Jamiec: @Andrew - was there a requirement for it to do so? Plus change the *'s for + and it'll work for blank values too.

Answer 2

If all you're trying to do is get query string name/value pairs you could do something like this:

function getQueryStringValue(varName) {
 var query = window.location.search.substring(1);
 var vars = query.split("&");
 for (var i = 0; i < vars.length; i++) {
 var pair = vars[i].split("=");
 if (pair[0] == varName) { return pair[1]; }
 }
}

Answer 3

var qs="da?page=3&page=4&Name=&xxx=43&page=&#adasdsadsa";
var params=qs.replace(/^.*\??/g,'').replace(/#.*/g,'').match(/[^&\?]+/g);
var args={};
if(params)for(var i=0;i<params.length;i++) {
 var propval=params[i].split('=');
 if(!args.hasOwnProperty(propval[0]))args[propval[0]]=[];
 args[propval[0]].push(propval[1]);
}
// result:
// args=== {
// Name: [""],
// page: ["3","4",""],
// xxx: ["43"]
// }