Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

getting url parameters with javascript

<!DOCTYPE html>
<html>

<head>
	<title> How To Get URL Parameters using JavaScript? </title>
</head>

<body>
	<h1 style="color:blue;">
		Softhunt.net
	</h1> <b>
		How To Get URL Parameters
		With JavaScript?
	</b>
  <b>By Separating and accessing each parameter pair</b>
	<p> The url used is:
    https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website
	</p>

	<p> Click on the button to get the url parameters in the console. </p>

	<button onclick="getParameters()"> Get URL parameters </button>
	<script>
	function getParameters() {
		let urlString =
"https://www.example.com/login.php?a=Softhunt.net&b=Welcome&c=To Our Website";
		let paramString = urlString.split('?')[1];
		let params_arr = paramString.split('&');
		for(let i = 0; i < params_arr.length; i++) {
			let pair = params_arr[i].split('=');
			console.log("Key is:" + pair[0]);
			console.log("Value is:" + pair[1]);
		}
	}
	</script>
</body>

</html>
Source by softhunt.net #
 
PREVIOUS NEXT
Tagged: #url #parameters #javascript
ADD COMMENT
Topic
Name
1+4 =