Labels

php (35) javascript (31) phpjavascript (30) jquery (23) html (20) mysql (14) database (9) codeigniter (4) json (4) bar chart (2) calendar (2) column chart (2) framework (2) google maps (2) query (2) tables (2) url (2) dropdown (1)

Sunday, April 22, 2018

How to get URL parameters using JavaScript?

In this tutorial we are going to show you how to parse a URL and get values from the URL that you are passed.  

We will be using the JavaScript's built in function split() which splits the string from a separator which is passed as a parameter to this function. The result is stored as an array and we will be using it multiple times since we want to split data into key value pairs, as the server generally processes it. 

Just have a look at the following simple code.



<html>
<head>
<title>PHPJavascript.com</title>
</head>
<script>

var URL = "http://www.phpjavascript.com?firstValue=name&secondValue=email";

var query = URL.split('?')[1].split('&');

query.forEach(function(key) {
  var pair = key.split('=');
  alert(pair[0] + '=' + pair[1]);
});

</script>
</html>


URL will be split into parts based on the type of separators you are given in the function.
In this example we gave ('?', '&')

In forEach loop we are checking for the key and value pairs.
Those should be 

key1 = firstValue
value1 = name
key2 = secondValue
value2 = email

We are alerting the result that generated here.

For any queries please comment in the bellow comment section.
For more interesting and useful code snippets please follow our blog.

3 comments:

  1. Led Lights Sydneyobviously appreciate your site and you ought to write more.

    ReplyDelete
  2. Thanks for giving me the useful information. I think I need it! Blackmart market helper Freestore

    ReplyDelete
  3. Whats up! I just wish to give an enormous thumbs up for the good info you may have right here on this post. I will probably be coming back to your weblog for extra soon.Luminous Battery in Chennai

    ReplyDelete

More Posts

FOLLOW