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, " "));
------------------
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:
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']);
(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: