Click here to Skip to main content
13,559,688 members
Click here to Skip to main content
Add your own
alternative version


37 bookmarked
Posted 7 Sep 2011
Licenced CPOL

Calling C# method using JQuery client side

, 7 Sep 2011
Rate this:
Please Sign up or sign in to vote.
This will help us to call method defined code behind using JQuery on Client Side


This article helps us when we define a method code behind and want to call that method from client side. JQuery has made life simple. There is a very easy way to do that.


Earlier we knew one way that we needed to add our method as a webmethod, if we want to call a method from code behind at client side. Using this, we can do it without calling our method in webmethod. We cannot call server-side code ‘directly’ from client-side code. Reason is by design, the server side code executes at server side and client side code at the client. However there are some workarounds.

Using the Code

In this example, I am writing a method to delete a particular user when a delete key is hit. I don't want a postback so I want the event to execute client side. I am writing a delete method server side in the CS file and calling it from client side using JQuery.

Create a page with name Text.aspx. Now open its CS file, that is Test.aspx.cs file and add a private method to delete a record. In this method, ID and UserId parameters are coming from client side. So you can learn how to get the parameters from client side.

This is my method in the CS file with the name DeleteRec.

private void DeleteRec()
            int ID= Request.Form["ID"].ToString().ToInteger(); 	//parameter send 
							//from clide side
            int UserID = Request.Form["UserID "].ToString().ToInteger();//parameter 
							//send from clide side
	    UserBO lObjUserBO = new UserBO ();
            lObjUserBO .DeleteUser(ID, UserID );

Once we have defined the method, we need to call the client side method on page load. To call client side method on page load, we use Request.Form["MethodName"] == "Name of the method onclient side".

Here DeleteR is the name of the method on the client side and this method calls my private method defined on server side.

protected void Page_Load(object sender, EventArgs e)
            if (!Page.IsPostBack)
                #region Ajax methods
                if (Request.Form["MethodName"] == "DeleteR")// same Method Name 
				// that we are specifying on client side(DeleteR)
                    DeleteRec();// Method defined on the page to delete the record

Now coming to the client side. We have an anchor tag and what we are looking at is when we click on this anchor tag, the method written on the server side should be called and a record with parameters passed from client side should be deleted.

<a id="adelete">Delete </a>

Use the following script to call the server side method when this anchor tag is clicked. Here the name of my method is DeleteR which is called at page load server side. I am sending two parameters in this method, ID and UserID.

                    var dataToSend={ID:ID,MethodName:'DeleteR',UserID :UserID };

                        var options =
                            url: '<%=ResolveUrl("~/Test.aspx") %>?x=' + 
				new Date().getTime(),
                            data: dataToSend,
                            dataType: 'JSON',
                            type: 'POST',
                            success: function (response) {
				/'+ID;//after sucess will redirect to new page

If the code executes successfully, it will redirect to a new page named Test1.aspx. We can even add what to do on Failure also.

Points of Interest

My client didn't want to see page refresh after delete. I had already created so many methods, I was just searching for a way to use the same method but from client side. This really helped me. Hope it helps you too.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Anuja Pawar Indore
Program Manager Diaspark
India India
I have keen interest in learning new things, exploring more on a topic and being more versatile

You may also be interested in...


Comments and Discussions

GeneralMy vote of 5 Pin
Najeeb Shaikh13-Sep-12 20:05
memberNajeeb Shaikh13-Sep-12 20:05 
GeneralRe: My vote of 5 Pin
Anuja Pawar Indore13-Sep-12 21:02
memberAnuja Pawar Indore13-Sep-12 21:02 
GeneralMy vote of 1 Pin
Markgam20-Aug-12 6:48
memberMarkgam20-Aug-12 6:48 
GeneralRe: My vote of 1 Pin
Anuja Pawar Indore20-Aug-12 19:00
memberAnuja Pawar Indore20-Aug-12 19:00 
Generalthank Pin
sachin_kulkarni991-Aug-12 18:48
membersachin_kulkarni991-Aug-12 18:48 
GeneralRe: thank Pin
Anuja Pawar Indore2-Aug-12 23:58
memberAnuja Pawar Indore2-Aug-12 23:58 
GeneralMy vote of 5 Pin
manoj kumar choubey16-Feb-12 0:25
membermanoj kumar choubey16-Feb-12 0:25 
GeneralRe: My vote of 5 Pin
Anuja Pawar Indore26-Jul-12 20:26
memberAnuja Pawar Indore26-Jul-12 20:26 
GeneralMy vote of 1 Pin
Daniel Gidman7-Sep-11 10:11
memberDaniel Gidman7-Sep-11 10:11 
GeneralRe: My vote of 1 Pin
Anuja Pawar Indore7-Sep-11 20:07
memberAnuja Pawar Indore7-Sep-11 20:07 
GeneralRe: My vote of 1 Pin
singh.iz.king21-Dec-11 16:58
membersingh.iz.king21-Dec-11 16:58 
GeneralRe: My vote of 1 Pin
Anuja Pawar Indore7-Sep-11 20:15
memberAnuja Pawar Indore7-Sep-11 20:15 
GeneralMy vote of 5 Pin
Anuja Pawar Indore7-Sep-11 3:35
memberAnuja Pawar Indore7-Sep-11 3:35 
GeneralRe: My vote of 5 Pin
Anuja Pawar Indore12-Oct-11 23:12
memberAnuja Pawar Indore12-Oct-11 23:12 
GeneralRe: My vote of 5 Pin
Sacha Barber15-Nov-11 23:34
mvpSacha Barber15-Nov-11 23:34 
GeneralRe: My vote of 5 Pin
Anuja Pawar Indore16-Nov-11 0:01
memberAnuja Pawar Indore16-Nov-11 0:01 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web04-2016 | 2.8.180527.1 | Last Updated 7 Sep 2011
Article Copyright 2011 by Anuja Pawar Indore
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid