Calling ASP.NET Code Behind function from JavaScript

Question

Is it possible to call ASP.NET codebehind function from JavaScript.

Why isn't this closed as a duplicate? http://stackoverflow.com/questions/3709426/call-server-side-function-from-client-side-javascript-closed — Ian Mercer, Sep 15 '10 at 06:40
possible duplicate of [Calling ASP.NET server side method via JQuery](http://stackoverflow.com/questions/886903/calling-asp-net-server-side-method-via-jquery) — roryf, Sep 15 '10 at 08:29

score 11 · Answer 1 · edited Jul 19 '11 at 03:49

I would prefer Muhammad Akhtar PageMethod approach. Just one short note: You don't need the scriptmanager. The scriptmanager only generates the javascript proxy methods for you. If you already have JQuery on your page, you can forget about the scriptmanager and write something like this on your page instead:

<script type ="text/javascript">
    $(document).ready(function() {
        $("#AjaxLink").click(function(e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "YourPage.aspx/updateContent",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(result) {
                    $("#content").html(result.d);
                }
            });
        });
     });
</script>

this assumes that you have a link with the ID AjaxLink on your page as well as a div with the id content that shows the result. The benefit is that you save 30kb javascript compared between jquery and the injected scripts by the scriptmanager

Muhammad Akhtar · Answer 2 · 2010-03-26T06:19:47.890

10

yes, you can make web method like..

<WebMethod(EnableSession:=True), ScriptMethod()> _ 
Public Shared Function updateContent() As String
      Return "Your String"
    End Function

and then call in javascript like..

PageMethods.updateTabContent(parameterValueIfAny, onSuccessMethod,onFailMethod);

this also need to add

<asp:ScriptManager ID="ScriptMgr" runat="server" EnablePageMethods="true">
                </asp:ScriptManager>

edited Mar 26 '10 at 06:19

answered Mar 26 '10 at 06:11

Muhammad Akhtar

51,913
37
138
191

@Muhammad: do you need to use a `ScriptManager` in order for this to work? Could you show that markup, please? – John Saunders Mar 26 '10 at 06:12
Yep, this is one way to make an AJAX call. – Franci Penov Mar 26 '10 at 06:33

score 4 · Answer 3 · edited Oct 02 '12 at 19:18

4

cs function

[System.Web.Services.WebMethod]
public static string set_single_amount(arg a1)
{
     return value;
}

in script cs fucnction calling using scriptmanager

$("#control").click(function()
{
  PageMethods.set_single_amount(value,afercalling)
});

function afercalling(result)
{
alert(result);
}

edited Oct 02 '12 at 19:18

John Saunders

160,644
26
247
397

answered Sep 30 '12 at 14:58

jithin

41
1

score 3 · Answer 4 · answered Mar 26 '10 at 06:00

3

No, it is not possible to call ASP.NET code behind function from Javascript directly. ASP.NET code behind executes on the server in the context of the ASP.NET worker process. Javascript is executed on the client in the context of the client's browser.

The only way Javascript could trigger execution of ASP.NET code behind is through making an AJAX call from the Javascript to the server.

answered Mar 26 '10 at 06:00

Franci Penov

74,861
18
132
169

@Aristos - how do you intend to call a server side method from the browser without using AJAX? – Michael Shimmins Sep 15 '10 at 06:39
@Michael You just call a page with your parameters, and on page you return 204 status code. Make a test to see it. :) – Aristos Sep 15 '10 at 08:01
@Aristos - you can't "call" a page. You can make an HTTP request, but nothing guarantees that there's another HTTP agent listening at the endpoint address, or that that agent will respond, or that the response will not be a caches copy from previous request returned by an intermediary. In other words - there's no guarantee a code will be executed as a result of that HTTP request. (well, broadly speaking, _a code_ will always be executed, of course, but it might well not be the code you want/expect to :-)) – Franci Penov Sep 15 '10 at 08:10
@Fanci @Michale I place an answer here with the 204 status code example. – Aristos Sep 15 '10 at 08:17
@Michael Yes you can not have feedback on your user that the code is finally run. Ok, this is just an example and a way to call it, not the perfect one, just a way. How ever this way if the code is not execute the 204 is not return back and an empty page appear that the page can not load. – Aristos Sep 15 '10 at 08:25

score 1 · Answer 5 · edited Apr 18 '23 at 14:02

1

You can make use of __doPostBack to make a postback from javascript. Just add a server control with AutoPostBack property and set it to true.

See Calling __doPostBack in javascript

edited Apr 18 '23 at 14:02

Glorfindel

21,988
13
81
109

answered Mar 26 '10 at 06:06

rahul

184,426
49
232
263

score 0 · Answer 6 · edited Jun 20 '20 at 09:12

0

If you are working on a non-Ajax project, you can try System.Web.UI.ICallbackEventHandler.

Samples here:

http://msdn.microsoft.com/en-us/library/ms178210.aspx

http://www.ajaxmatters.com/2006/05/using-icallbackeventhandler-in-asp-net/

edited Jun 20 '20 at 09:12

Community

1
1

answered Sep 15 '10 at 04:23

prashanth

2,059
12
13

1

This still makes use of ajax under the hood - to make an out of bounds HTTP call to the server. – Michael Shimmins Sep 15 '10 at 06:43

Calling ASP.NET Code Behind function from JavaScript

6 Answers6

cs function

in script cs fucnction calling using scriptmanager

Linked

Related