Monday, July 27, 2009

Call codebehind server code from javascript

to execute the code written in code behind (c#, we need to know that the exists on server, not at client. so it is needed to make a postback to reach the code.

to avoid full postback we can use AJAX.

put the code below in your .aspx.cs file

private void Page_Load(object sender, System.EventArgs e)






public int ServerSideAdd(int firstNumber,int secondNumber)


return firstNumber + secondNumber;


Put the given below code in your aspx file

< script language="javascript" >

function CallBack()




WebForm1.ServerSideAdd(val1,val2, ServerSideAdd_CallBack);


function ServerSideAdd_CallBack(response)




< /script >

< body MS_POSITIONING="GridLayout" >

< form id="Form1" method="post" runat="server" >

< INPUT onclick="CallBack()" type="button" value="Button" runat="server" >

< asp:dropdownlist id="DropDownList1" style="Z-INDEX: 101; LEFT: 224px; POSITION: absolute; TOP: 48px"

runat="server" >

< asp:ListItem Value="Rajesh" >Amit< /asp:ListItem >

< asp:ListItem Value="Rolen" >Ajay< /asp:ListItem >

< asp:ListItem Value="JSJodha" >Arun< /asp:ListItem >

< asp:ListItem Value="Mukesh" >Ravi< /asp:ListItem >

< /asp:dropdownlist >< asp:button id="Button1" style="Z-INDEX: 102; LEFT: 280px; POSITION: absolute; TOP: 160px" runat="server"

Text="Button" >< /asp:button >

< asp:TextBox id="txtValue" style="Z-INDEX: 103; LEFT: 304px; POSITION: absolute; TOP: 88px" runat="server" >< /asp:TextBox >

< asp:TextBox id="txtValue1" style="Z-INDEX: 104; LEFT: 312px; POSITION: absolute; TOP: 232px"

runat="server" >< /asp:TextBox >

< asp:TextBox id="txtValue2" style="Z-INDEX: 105; LEFT: 520px; POSITION: absolute; TOP: 200px"

runat="server" >< /asp:TextBox >< /form >

< /body >

Share This!

1 comment:

martha said...

I recently came accross your blog and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.


Powered By Blogger · Designed By Seo Blogger Templates