jQuery get/ajax repeated request renders response double every time

Question

I have this simple script that keeps teasing me:

var latest;

function populate(){
    $.get('lib/log.php?action=update&latest='+latest, function(data) {
        if(data.id!=latest){
            latest = data.id;
            $(data.news).hide().prependTo('#tabul').slideDown("slow");
        }
    },"json")
    setInterval(populate,5000);
   };

populate();

- Every time the request fires it retrieves a single line of html, but it keeps adding it to the previous response, so it goes 1 line, 2 lines, 4 lines, 8, 16.. and so on.. the browser (and bandwidth) goes crazy...

Why is that? What am I missing and how do I just get it to prepend that single line only.

Thanks in advance

Andreas

Please post the JSON response that you are getting back from the server. — bstakes, Sep 14 '11 at 13:55

score 0 · Answer 1 · answered Sep 14 '11 at 13:51

0

You should be using setTimeout instead of setInterval.

answered Sep 14 '11 at 13:51

Blazemonger

90,923
26
142
180

And I agree with Arnaud, this question is a great resource for your problem: http://stackoverflow.com/questions/729921/settimeout-or-setinterval – Blazemonger Sep 14 '11 at 13:55

score 0 · Answer 2 · answered Sep 14 '11 at 13:51

SetInterval is fired even tho the AJAX response may not be finished after those 5 seconds, may I recommend you using setTimeout after you have slideDown your new content?

function populate(){
    $.get('lib/log.php?action=update&latest='+latest, function(data) {
        if(data.id!=latest){
            latest = data.id;
            $(data.news).hide().prependTo('#tabul').slideDown("slow");
        }

        setTimeout(populate,5000);
    },"json")
};

populate();

score 0 · Answer 3 · edited May 23 '17 at 12:04

0

Change your setInterval by the setTimeout function.

Check this stack overflow thread for understanding the difference between these two.

edited May 23 '17 at 12:04

Community

1
1

answered Sep 14 '11 at 13:51

Arnaud Leymet

5,995
4
35
51

score 0 · Answer 4 · answered Sep 14 '11 at 13:53

0

Maybe I'm misreading something... but you have your Populate function adding another setInterval every time it runs. So it's going to run one more time per interval every time it is executed.

answered Sep 14 '11 at 13:53

Andrew Barber

39,603
20
94
123

jQuery get/ajax repeated request renders response double every time

4 Answers4