I am having difficulty calling a function after a jQuery AJAX call has finished loading
function to_be_executed_last {
alert("The Call Is Complete");
//some other stuff
}
$("a.jaxable_link").click(function(){
$.post($(this).attr('href'), function(data) {
$('#container').html(data);
//Execute the function to_be_executed_last here AFTER data has finished loading
})
})
How can I do this? Thanks
You just need to fix the signature (missing parenthesis) and call it, like this:
function to_be_executed_last() {
alert("The Call Is Complete");
//some other stuff
}
$("a.jaxable_link").click(function(){
$.post($(this).attr('href'), function(data) {
$('#container').html(data);
to_be_executed_last();
});
});
success callback, which by definition happens when the call is complete.
$.post() not after $.post() and it'll run after the .html() call.Simply call your function. The success callback of all jQuery ajax functions is invoked when the response has been received.
