Thursday, May 5, 2011

How to Parse Query String in Javascript?

If you want to access query string in javascript, you can use following code.

When page is loaded, call parseQueryString() function to parse query string and set query string variables to queryString property.

var queryString = [];
 function parseQueryString() {
    queryString = []; // reset queryString
    var u = document.URL;
    var q = u.substring(u.indexOf("?") + 1, u.length);
    
    var arr = q.split("&");

    var n = ""; // name
    var v = ""; // value
    var ind; // index of equal symbol

    for (var i = 0; i < arr.length; i++) {
        ind = parseInt(arr[i].indexOf("="));
        v = arr[i].substring(ind+1, arr[i].length);
        n = arr[i].substring(0, ind);

        queryString[n] = decodeURI(v);
    }
 }
$(function() {
    parseQueryString();
});

How to Get Query String Value?
When you need to have query string value, you can use queryString property by passing query string name to queryString array :

For example, if URL consists of query string named id, use "id" to retrieve value of "id".
queryString["id"]

0 comments: