Call AJAX method only after partial post back is complete

Question

I have an update panel on my page and inside $(document).ready() I am calling partial post back of the update panel. Once, the partial post back is complete, now I want to make some AJAX call as below

__doPostBack('<%=updatePanel1.ClientID %>', null);

$.ajax({
  type: "POST",
  url: "MyWebLink.aspx/MyWebMethod",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (response) { }
});

I want to make this AJAX call only when partial post back is complete. However, some how MyWebMethod() function is called even when partial post back is in progress. Is there any way to delay the AJAX call till the update panel partial post back is complete?

Possible duplicate: http://stackoverflow.com/questions/7615691/callback-after-dopostback — Adrian Forsius, Oct 08 '14 at 06:52

score 0 · Answer 1 · answered Oct 08 '14 at 06:19

You may try something like :


    function callAjaxMyWebMethod() {

    $.ajax({
      type: "POST",
      url: "MyWebLink.aspx/MyWebMethod",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (response) { }
    });

    }

    $(document).ready(function() {

    function doPostBack() {
        // Here, do your Update Panel work
        callAjaxMyWebMethod();
    }

    }

Call AJAX method only after partial post back is complete

1 Answers1