Run Action when partial view finishes loading

Question

I have a small project using MVC5, C# and jQuery with Bootsrap.

In my web app I am loading a partial view dynamically using Ajax, like in the example below:

$.get(refreshTable, function (data) {
    $("#packagesTable").replaceWith(data);
});

Everything works fine excpet for one little detail: I want to run a success notification only when the partial view finishes loading:

successNotification("Package edited successfuly!");

Is this possible? and if yes, how?

Why not just put it in after the replaceWith(data)? At this point the html is download and inserted into the page. Or do you have more activity happen in the partial view? — Steve Lillis, Dec 04 '14 at 16:18

score 2 · Accepted Answer · answered Dec 04 '14 at 16:25

There is a call back function called done. Run your code here. It'll execute after successfully executed

var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })

Refer : http://api.jquery.com/jquery.get/

score 0 · Answer 2 · edited May 23 '17 at 12:27

0

You might be able to extend the replaceWith function call to accept a CallBack function that will run once the replaceWith call is completed. This SO has a sample implementation.

edited May 23 '17 at 12:27

Community

1
1

answered Dec 04 '14 at 16:19

mreyeros

4,359
20
24

score 0 · Answer 3 · answered Dec 04 '14 at 16:40

It sounds like you want to make use of the deferred object in your call.

So it would look like this:

    $.get(refreshTable, function(data) {
        $("#packagesTable").replaceWith(data)
            .done(function() {
                alert("$.get succeeded");
            });
    });

Run Action when partial view finishes loading

3 Answers3