Friday 2 November 2012

Read Server Variable on Client Side using js

Page Design




<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript">

function GetVariable() {
    alert('<%= myval %>');
}
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="Set Variable" OnClick="Button1_Click" />
     
        <asp:TextBox ID="txtvariable" runat="server"></asp:TextBox>
        <br />
       
         <input type ="button" value="Read" onclick="GetVariable()" />
    </form>
</body>
</html>



Code Behind File






using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Collections;

public partial class _Default : System.Web.UI.Page
{
    public string myval = string.Empty;
    protected void Page_Load(object sender, EventArgs e)
    {
        myval = "Tarun";
    }


    protected void Button1_Click(object sender, EventArgs e)
    {
        myval = txtvariable.Text;
    }
}




Result



1 comment: