How to get QueryString from URL using JQuery

QueryString using JQuery

There are lots of ways to get query-string from the web URL by using jQuery but this is the best way I feel to retrieve one or more than one query-strings parameters from the URL.

How to do it?

Let's suppose your URL is http://YourUrl.aspx.

It has 2 query-string parameters i.e. "itemid" and "status".

The parameter "itemid" has value as "1" and parameter "status" has value as "Approve".

So, now your URL will be http://YourUrl.aspx?itemid=1&status=Approve.

In your (document).ready() function, add the code as shown below for the URL which has two query-string parameters (i.e. http://YourUrl.aspx?itemid=1&status=Approve):

  $(document).ready(function () {

            var queryString = new Array();

            if (queryString.length == 0) {

                if (window.location.search.split('?').length > 1) {

                    var params = window.location.search.split('?')[1].split('&');

                    for (var i = 0; i < params.length; i++) {

                        var key = params[i].split('=')[0];

                        var value = decodeURIComponent(params[i].split('=')[1]);

                        queryString[key] = value;

                    }

                }

            }

            if (queryString["itemid"] != null && queryString["status"] != null) {

                try {

                    alert("Your Item ID is: " + queryString["itemid"] + ", Your Status is:" + queryString["status"]);

                }

                catch (e) { }

            }

        });

As you can see that using array variable, we can store more than one query-string parameters and retrieve them by passing their key.

I hope this helps!!