如果@Ajax调用成功，则调用成功脚本

Question

I have the following javascript which contains an ajax call:-

$.ajax({
    type: "POST",
    url: '@Url.Action("DeleteSelected"),
    data: { ids: boxData.join(",") }
  })
    });

but is there a way to call a javaScript function is the above Ajax call succeed? Thanks

Answer 1

function mySuccessFunction() {
    alert('success');
}

$.ajax({
    type: "POST",
    url: '@Url.Action("DeleteSelected")',
    data: { 
        ids: boxData.join(",") 
    },
    success: function(data) {
        // your code if AJAX call finished successfully
        // call your function that already loaded from here:
        mySuccessFunction();
        // you can also process returned data here            
    }
});

Answer 2

You have three particular handlers you can use to process information returned with AJAX, .success(), .done(), and .fail(). With these methods, your code might look something like this:

$.ajax({
    type: "POST",
    url: '@Url.Action("DeleteSelected"),
    data: { ids: boxData.join(",") }
}).success(function(data) {
    // This callback is executed ONLY on successful AJAX call.
    var returnedJSON = data; // The information returned by the server
    yourSuccessFunction();
}).done(function() {
    // This callback is ALWAYS executed once the AJAX is complete
    yourDoneFunction();
}).fail(function() {
    // This callback is executed ONLY on failed AJAX call.
});

Also see: jQuery AJAX Documentation