CODEWITHSUNDEEP
jqueryajaxtimeoutsettimeout
Anil Sharma
Anil Sharma

Reputation: 2962

Make Ajax call after page load

How do we make ajax call after page load.

I need to make a ajax call suppose after 10sec document has loaded.

function loadajax(){
  $.ajax({ 
    url:'test',
    data:"username=test",
    type:"post",
    success:function(){
     //do action
    }
  });
}
 $('document').load(function(){
setTimeout(function(){
   loadajax();
 },10000);

});

I am doing it in this way. But doesn't succeeded.

Upvotes: 12

Views: 44203

Answers (4)

TED
TED

Reputation: 1839

You can try this:

$(document).bind("load", function() {
//code
 });

Upvotes: 0

iCollect.it Ltd
iCollect.it Ltd

Reputation: 93571

So many answers, all slightly different, but the shortest recommended syntax to run the function 10 seconds after DOM ready, while still retaining best practices, would be:

$(function(){
    setTimeout(loadajax,10000);
});

As Blazemonger mentions below, you could simply put setTimeout(loadajax,10000); at the end of the document, however that is not as flexible to change. jQuery DOM load code should always be in a jQuery DOM load event (i.e. $(function(){...});)

Upvotes: 15

djbielejeski
djbielejeski

Reputation: 617

Try it like this

$(function(){
  loadajax();
});

Upvotes: 1

Blazemonger
Blazemonger

Reputation: 92933

1000 is in milliseconds -- ten seconds would be 10000. Also, you're looking for $(document).ready:

$(document).ready(function(){
    setTimeout(function(){
       loadajax();
     },10000); // milliseconds
});

http://api.jquery.com/ready

Upvotes: 5

Related Questions