How to get the Query string of a URL using the Javascript (JS)?

JS function get the Query string of a URL or value of each parameter using the Javascript(JS)?

If you want to get your current page's url

var my_url=document.location;

to get the query string part of the url use like this:

var my_qry_str= location.search;

this will return the part of the url starting from "?" following by query string

Lets assume that your current page url is
http://www.crozoom.com/2013/page.html?qry1=A&qry2=B

then the location.search function will return "?qry1=A&qry2=B"

to exclue "?", do like this:


query = window.location.search.substring(1);

rep_plus = /\+/g;   // Regex for replacing addition symbol with a space

//decode uri and replace "+" with " "
query = decodeURIComponent(query.replace(rep_plus, " "));

------------------

var arr_qry;

(window.onpopstate = function () {
var match,
rep_plus = /\+/g, // Regex for replacing addition symbol with a space
search = /([^&=]+)=?([^&]*)/g,
decode = function (s) { return decodeURIComponent(s.replace(rep_plus, " ")); },
query = window.location.search.substring(1);
alert(query);

arr_qry = {};
while (match = search.exec(query))
arr_qry[decode(match[1])] = decode(match[2]);
})();

// function call
alert(arr_qry['x']);

Use the above script as a function:
This function will return the value of only that parameter who's name is passed as input to the function.

<script>

function return_QueryStr ( my_param ) {

var arr_qry;
var match,
rep_plus = /\+/g, // Regex for replacing addition symbol with a space
search = /([^&=]+)=?([^&]*)/g,
decode = function (s) { return decodeURIComponent(s.replace(rep_plus, " ")); },
query = window.location.search.substring(1);
alert(query);

arr_qry = {};
while (match = search.exec(query))
arr_qry[decode(match[1])] = decode(match[2]);

return( arr_qry[my_param] );
}

// if your url has a querystring names "x" , you can call the above function like given below:
alert( return_QueryStr("x")); 

</script>

Related Posts:

• How to retrive the location part of an absolute url using Javascript
• How to access and check the query string of a blogger blog page and redirect to other pages based on the query string