ASP.NET jQuery - how to invoke server method when asynchronous method is complete?

Question

I have jQuery plugin - progress bar. How to invoke server side method on success? The code is below:

(Everything works fine)

 $("#<%=this.btnGetData.ClientID%>").click(
            function () {
                intervalID = setInterval(updateProgress, 100); 

                $.ajax({
                    type: "POST",
                    url: "ProgressBar.aspx/ExecuteImport",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async: true,
                    success: function (msg)
                    {
                        //HERE should be invoke
                    }
                });

                return false;
            }
        );

It is in the WebForms project

Tony
– Tony

2010-07-27 19:04:29 +00:00
Commented Jul 27, 2010 at 19:04 — Tony
– Tony, Commented Jul 27, 2010 at 19:04

Community · Accepted Answer · 2017-05-23 11:48:28Z

As we've established this in WebForms then you can use an ASP.NET AJAX callback to a web method placed in your aspx file.

First, create your server side method in C# (or .NET language of choice) and annotate it with the ScriptMethod and WebMethod attributes, like so:

[System.Web.Services.WebMethod()] 
[System.Web.Script.Services.ScriptMethod()] 
public static void MyServerMethod(string myArgument)
{
        // Do something
}

Then in your aspx file you need to add a ScriptManager with PageMethods enabled:

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

Then call it from your jQuery success event:

success: function (msg)
{
     PageMethods.MyServerMethod(msg);
}

I'm basing this on my Hidden Features of ASP.NET answer here (which is not jQuery specific). However, for more details about using jQuery with WebMethods have a read of Using jQuery to directly call ASP.NET AJAX page methods.

Brad Irby · Accepted Answer · 2013-04-01 20:42:21Z

0

For the VB fans out there, here is my implementation of Dan's answer above:

<script type="text/javascript" >

    function EmailManagers_Click() {
        PageMethods.EmailManagers("hello");
        return false;
    }
</script>



  <System.Web.Services.WebMethod()> _
    <System.Web.Script.Services.ScriptMethod()> _
    Public Shared Sub EmailManagers(myArgument As String)
        Dim x = myArgument
    End Sub

answered Apr 1, 2013 at 20:42

Brad Irby

2,5471 gold badge19 silver badges31 bronze badges

Collectives™ on Stack Overflow

ASP.NET jQuery - how to invoke server method when asynchronous method is complete?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related