Reading URL Query Parameters with JavaScript

Sometimes the frontend only needs one small helper: read a query parameter and adjust behavior on the page without a server round-trip.

This short note shared a compact JavaScript function for extracting GET parameters from the current URL.

Example URL

http://example.com/index.php?id=123&page=home

Example usage

var id = getUrlVars()["id"];
var page = getUrlVars()["page"];

alert(id);
alert(page);

Helper function

function getUrlVars() {
    var vars = {};
    window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
        vars[key] = value;
    });
    return vars;
}

It is a tiny utility, but the principle remains useful in landing pages, filter UIs, search forms, and tracking scenarios where a little client-side state comes through the URL.