Get URL Parameters with JavaScriptUsing the URLSearchParams Object
<!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>
<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 queryString = new URLSearchParams(paramString);
for(let pair of queryString.entries()) {
console.log("Key is:" + pair[0]);
console.log("Value is:" + pair[1]);
}
}
</script>
</body>
</html>