How Can I Parse Query Strings in JavaScript?

Parsing Query Strings with JavaScript

In JavaScript, the window.location.search property contains the portion of the URL that begins with the question mark (?) and includes the query string parameters. This property can be used to access and manipulate these parameters.

However, JavaScript doesn't provide a built-in way to parse the query string into a key-value collection, as is commonly seen in ASP.NET. This has led to the development of custom solutions and libraries to address this need.

Custom Query String Parsing Function

Here's a custom function that you can use to parse the query string:

function getQueryString() {
  var result = {},
    queryString = location.search.slice(1),
    re = /([^&=]+)=([^&=]*)/g,
    m;

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

  return result;
}

This function iterates over the query string parameters, using a regular expression to capture the key and value of each parameter. It then decodes the URL-encoded strings and stores them in a JavaScript object.

Usage:

To use this function, you can simply call it and pass the window.location.search property as the argument:

var myParam = getQueryString()["myParam"];

This will assign the value of the myParam parameter to the myParam variable.

Note:

Keep in mind that this is a custom solution, and it's possible that major JavaScript libraries may provide their own implementations for parsing query strings. However, the provided function should suffice for most use cases.

The above is the detailed content of How Can I Parse Query Strings in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!