.load() with success function

Question

I know this has been asked many times before...

I have a simple ('#Div').load(file.php?id='+id+'&page='+page)

The on click event acts as follows

function recp(id) {  
  var user = $('#page').attr('page'); 
  $("#button").hide()
  $("#loading").html('<img src="images/loader.gif">');
  $('#div').load('file.php?id='+id+'&page='+page); 
  $("#loading").empty();
  $("#button1").show()
}

I have a similar process on my site with ajax post, works very nicely, but I can't seem to get this to work with .load().

Would need a bit of advice. Cheers.

Could you show your actual code, please? – lonesomeday Jan 19 '11 at 11:30 — lonesomeday, Jan 19 '11 at 11:30
modified the question (with added code) – Alfie Jan 19 '11 at 11:38 — Alfie, Jan 19 '11 at 11:38

score 42 · Accepted Answer · edited Apr 22 '16 at 12:42

42

The problem is that load is asynchronous. The function call returns before the AJAX request is complete. If you have code that needs to be executed after the request is complete, you need to use the complete callback specified in the API:

$('#div').load('file.php?id='+id+'&page='+page, function(){
    $("#loading").empty();
    $("#button1").show();
});

edited Apr 22 '16 at 12:42

Mikepote

6,042
3
34
38

answered Jan 19 '11 at 11:38

lonesomeday

233,373
50
316
318

1

This really helped Thanks mate – Yii2Developer Jun 26 '20 at 20:48

.load() with success function

1 Answers1

Linked