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

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

Thursday, November 28, 2013

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 link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
How to get the Query string of a URL using the Javascript (JS)?.




Share this!




comments powered by Disqus

This Weeks 7 Popular Posts


Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   



Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »