Get Query Parameters by Name in JavaScript

Here’s a utility function to get URL’s query parameters by name.

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

The url parameter is optional if you are querying on the same page. For eg. if the URL is something like,
http://example.com/?name=vivek&age=23. You could get the name parameter by simply calling.

var name = getParameterByName('name');

If you are querying from external page then you will have to use it as,

var name = getParameterByName('name', 'http://example.com/?name=vivek&age=23');

This content has been helpful to you?

Thanks for contributing!

Yes No