Passing and manipulating parameter from URL using JS

Question

Issue: Read the parameter from url and display in HTML after necessary formatting

Description: URL: www.abc.com/test.html?name=Raj%20Sharma%20&%20Anjali%20Sharma

On Click event it should show the following:

Raj Sharma & Anjali Sharma

What I have till now is the following code:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function getParameter(){
var param1var = getQueryVariable("name");
document.getElementById('demo').innerHTML = param1var;
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
} 
alert('Query Variable ' + variable + ' not found');
}
} 
</script>
</head>
<body>
<h1>Testing</h1>
<a href="javascript:void(0)" onclick="getParameter()" id="continue">Click</a>

<p id="demo"></p>

</body>
</html>

I am really new in writing JS.

Identity1 · Accepted Answer · 2015-06-16 08:44:20Z

2

This is enough to get that output:

 var query = decodeURIComponent(window.location.search.substring(1).split('=').pop());

query: "Raj Sharma & Anjali Sharma"

answered Jun 16, 2015 at 8:44

Identity1

1,16517 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing and manipulating parameter from URL using JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related