jQuery .on() at ajax success

Question

I would like to bind .on() to an ajax "event", meaning that I'd like it to be triggered whenever an ajax response is successfully retrieved. I don't get how I could bind .on() to such an event. Do I need to use load like so?

$(document).on('load','#elementInsertedByAjax',function(){
    // will do something
});

PS I do need to use .on() since the whole page is inserted by an ajax call.

Answer 1

You can use .ajaxSuccess()

$(document).ajaxSuccess(function() {
// will do something
});

or bind to

$(document).on('ajaxSuccess','#elementInsertedByAjax',function(){
    // will do something
});

Answer 2

You can use the ajax global event jQuery.ajaxSuccess

$(document).ajaxSuccess(function() {
    $( ".log" ).text( "Triggered ajaxSuccess handler." );
});