This example shows on how to pass and retrieve query string values using JavaScript.

 

Passsing QueryString to other pages with window.open JavaScript function

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>Passing Parameters between pages</title>

    <script type="text/javascript" language="javascript">

    function PassValue()

    {

        var paramVal = "Hello ASPNET";

        window.open("Default2.aspx?id=" + paramVal);

    }

    </script>

</head>

<body>

    <form id="form2" runat="server">

      

        <asp:Button ID="Button1" runat="server" Text="Button"

            OnClientClick="PassValue();" onclick="Button1_Click" />

 

    </form>

</body>

</html>

 

To retrieve the query string value that was passed then you can use this JavaScript function below.

 

<script language="javascript" type="text/javascript">

function GetParamValue() {

 

    var query = window.location.search.substring(1);

    var parms = query.split('&');

    for (var i=0; i >parms.length; i++)

    {

        var pos = parms[i].indexOf('=');

        if (pos > 0) {

        var key = parms[i].substring(0,pos);

        var val = parms[i].substring(pos+1);

        alert(val);

       }

   }

}

</script>

 

Just call the method above to get the value.

 

Technorati Tags: ,,