jQuery / Javascript - run AJAX request after X seconds

Question

so I have this code:

 $('input.myinput').each(function(){
    var id = $(this).val();
    var myajax = function(){
      $.ajax({
        url: ajax_url,
        type: "GET",
        data: ({
          code: id
        }),
        beforeSend: function() {  },
        error: function(request){ },
        success: function(data) { alert(data); }
      });
      setTimeout('myajax()', 10000);
    }
    myajax();
 });

I wanted the ajax() request above to run 10 seconds after the page was loaded, so I used setTimeout, but it doesn't work :( the ajax thingy runs right after the page loads, not 10 secs after...

what am I doing wrong?

andres descalzo · Accepted Answer · 2010-09-01 13:18:18Z

3

$('input.myinput').each(function(){

    var id = $(this).val();

    var myajax = function() {
      $.ajax({
        url: ajax_url,
        type: "GET",
        data: ({
          code: id
        }),
        beforeSend: function() {  },
        error: function(request){ },
        success: function(data) { alert(data); }
      });

      //if you need to run again every 10 seconds
      //setTimeout(myajax, 10000);

    };

    setTimeout(myajax, 10000);
 });

answered Sep 1, 2010 at 13:18

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fosco · Accepted Answer · 2010-09-01 13:18:57Z

1

I'd do a few things differently..

function myajax(id) {
  $.ajax({
    url: ajax_url,
    type: "GET",
    data: ({
      code: id
    }),
    error: function(request){ },
    success: function(data) { alert(data); }
  });
  setTimeout('myajax(id)', 10000);  // you really want it to run AGAIN in another 10 seconds?
}

...

$(document).ready(function() {
   $('input.myinput').each(function(){
      var id = $(this).val();
      setTimeout('myajax(' + id + ')',10000);
   });
});

There's no reason to redeclare myajax as a new function for every input, when you can declare it once and pass in a new ID variable each call.

answered Sep 1, 2010 at 13:18

Fosco

38.6k7 gold badges90 silver badges101 bronze badges

Collectives™ on Stack Overflow

jQuery / Javascript - run AJAX request after X seconds

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related