JavaScript query string

Question

Is there any JavaScript library that makes a dictionary out of the query string, ASP.NET style?

Something that would be used like:

var query = window.location.querystring["query"]?

Is a "query string" called something else outside the .NET realm? Why isn't location.search broken into a key/value collection already?

EDIT: I have written my own function, thanks, but does any major JavaScript library do this?

Answer 1

You can extract the key/value pairs from the location.search property, this property has the part of the URL that follows the ? symbol, including the ? symbol.

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

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

  return result;
}

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

Answer 2

Okay, since everyone is ignoring my actual question, heh, I'll post mine too! Here's what I have:

location.querystring = (function() {

    // The return is a collection of key/value pairs

    var queryStringDictionary = {};

    // Gets the query string, starts with '?'

    var querystring = unescape(location.search);

    // document.location.search is empty if no query string

    if (!querystring) {
        return {};
    }

    // Remove the '?' via substring(1)

    querystring = querystring.substring(1);

    // '&' seperates key/value pairs

    var pairs = querystring.split("&");

    // Load the key/values of the return collection

    for (var i = 0; i < pairs.length; i++) {
        var keyValuePair = pairs[i].split("=");
        queryStringDictionary[keyValuePair[0]] = keyValuePair[1];
    }

    // Return the key/value pairs concatenated

    queryStringDictionary.toString = function() {

        if (queryStringDictionary.length == 0) {
            return "";
        }

        var toString = "?";

        for (var key in queryStringDictionary) {
            toString += key + "=" + queryStringDictionary[key];
        }

        return toString;
    };

    // Return the key/value dictionary

    return queryStringDictionary;
})();

And the tests:

alert(window.location.querystring.toString());

for (var key in location.querystring) {
    alert(key + "=" + location.querystring[key]);
}

Mind you thought, JavaScript isn't my native tongue.

Anyway, I'm looking for a JavaScript library (e.g. jQuery, Prototype) that already has one written. :)

Answer 3

Maybe http://plugins.jquery.com/project/query-object?

Answer 4

There are several js libraries out there, but this is the one I've used before: http://prettycode.org/2009/04/21/javascript-query-string/

Seems reasonable.

Answer 5

Try:

safalra.com/web-design/javascript/parsing-query-strings/

OR

adamv.com/dev/javascript/querystring

Since you wanted to compare your implementation to one in a library to see if there are any missing "edge cases", you can try plugging your URL into: http://urlparser.com/?url=Insert_URL