How To Pass Value From .aspx Page To HTML Page In ASP.NET

In this blog, you will learn how to pass Value from .aspx page to HTML page, in ASP.NET.

First, we will create a project. Then,

 

Step 1  

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Passing value to HTML" onclick="Button1_Click" />

This code will take on the .aspx page.

 

Step 2: After that we write the code on CodeBehind which is in C#, 

protected void Button1_Click(object sender, EventArgs e)
{
    Response.Redirect("HTMLPage1.htm?username=" + TextBox1.Text);
    //Passing the value to .htm page using QueryString
}

Step 3:  Then, we create a .htm page in our project, like HTMLPage1.htm

 

In this page, we take an HTML control.

<input id="txtInput" type="text" />

Step 4 : And last, we write the code in jQuery for fetching the value from URL, like

http://localhost:53563/HTMLPage1.htm?username=Csharp 

<script src="Scripts/jquery-1.7.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
        $("#txtInput").val(getParameterByName("username"));

        function getParameterByName(name) {
            name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
                results = regex.exec(location.search);
            return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
        }
    });
</script>