send and retrieve url parameters using javascript

Question

I have two HTML pages. I am trying to send parameters to the second URL from the first URL using window.location.href

The code I have tried is:

me1.html

<html>
<head>
</head>
<body onload="redirectPage();">
<script>
    function redirectPage(){
        var a = "me";
        var b = "here";
        var url = "me2.html?a="+String(a)+"&b="+String(b);
        window.location.href = url;
    }
</script>

</body>

</html>

me2.html

<html>
<head></head>
<body onload="getValues();">
<script>
    function getValues(){
        var a,b;
        var SearchString = window.location.search.substring(1);
        var VariableArray = SearchString.split('&');
        for(var i = 0; i < VariableArray.length; i++){
            var KeyValuePair = VariableArray[i].split('=');
            if(KeyValuePair[0] == "a"){
                a = KeyValuePair[1];
                console.log("CUSTOMER KEY: "+a);
                alert("A: "+String(a));
            }
            else if(KeyValuePair[0] == "b"){
                b = KeyValuePair[1];
                console.log("USER KEY: "+String(b));
                alert("B: "+b);
            }

    }
</script>
</body>
</html>

I don't get any alerts, though the URL formed is correct. what may be the issue with the code?

I think your function is not being recognized. At least it looks that way from the error. Maybe you missed on some "Curly Bracket". Let me run this code. — Talha Masood
– Talha Masood, Commented Dec 11, 2013 at 11:05

Raul Rene · Accepted Answer · 2013-12-11 11:04:25Z

1

I just tried your code and it was almost working. You forgot a }

function getValues(){
    var a,b;
    var SearchString = window.location.search.substring(1);
    var VariableArray = SearchString.split('&');
    for(var i = 0; i < VariableArray.length; i++){
        var KeyValuePair = VariableArray[i].split('=');
        if(KeyValuePair[0] == "a"){
            a = KeyValuePair[1];
            console.log("CUSTOMER KEY: "+a);
            alert("A: "+String(a));
        }
        else if(KeyValuePair[0] == "b"){
            b = KeyValuePair[1];
            console.log("USER KEY: "+String(b));
            alert("B: "+b);
        }
    } // you forgot to close the for loop here
}

Now it is alerting: A: me and B: here.

answered Dec 11, 2013 at 11:04

Raul Rene

10.3k9 gold badges56 silver badges79 bronze badges

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

2 Comments

Gaurav Sood Over a year ago

that's stupid of me. probably JS gets that out in me..:D thanks a lot for the answer..:)

Talha Masood Over a year ago

Yes this is the exact answer. @user2739737 you can mark this as the correct answer.

Sajad Deyargaroo · Accepted Answer · 2013-12-11 11:25:45Z

0

Here is the working code.

me.html

var a = "me",
    b = "here",
    url = "";

url = "me2.html?a=" + a + "&b=" + b;
window.location.href = url;

me2.html

var url,
    params,
    paramArr,
    keyVal;

url = window.location.href;
params = url.split("?")[1];
paramArr = params.split("&");

for(var i=0; i<paramArr.length; i++){
   keyVal = paramArr[i].split("=");
   alert("Key: " + keyVal[0] + ", Value: " + keyVal[1]);
}

answered Dec 11, 2013 at 11:25

Sajad Deyargaroo

1,1491 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

send and retrieve url parameters using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related