Refreshing Json feed inside javascript

Question

I'm creating a page where it parses data from a json feed, but I wan't it to update every 30 seconds only refreshing the Div & the Jquery not actually refreshing the page.

I've tried a few things I've found on here but none have worked for me, The only thing that was happening is it was making page page go to infinite loop

Code:

<script type='text/javascript'>
var username = "mrsyndicate";

$(window).load(function(){
$.getJSON("http://imraising.com/"+ username +"/json/livedata.json", function (data) {
    $.each(data.donation, function (index, item) {
        $("<div>").html('<font color="950202"><b>'+ item.screen + '</b></font>&nbsp;&nbsp;$' + item.amount).appendTo("#content");
        $("<div>").html(item.comment + '<br /><br />').appendTo("#content");
    });
});
});
</script>

And it loads on the page with

<div id="content"></div>

I've got it working all printing out the way I wan't it, only I Cannot get refresh working, Any advice is welcomed!

Chip Dean · Accepted Answer · 2014-05-01 23:14:52Z

3

Turn it into a function that you can call:

$(window).load(function() {
    function getFeed() {            
        var username = "mrsyndicate";
        $.getJSON("http://imraising.com/"+ username +"/json/livedata.json", function (data) {
            $("#content").html("");
            $.each(data.donation, function (index, item) {
                $("<div>").html('<font color="950202"><b>'+ item.screen + '</b></font>&nbsp;&nbsp;$' + item.amount).appendTo("#content");
                $("<div>").html(item.comment + '<br /><br />').appendTo("#content");
            });
        });
    }
    getFeed();
    setInterval(getFeed, 30000);
});

edited May 1, 2014 at 23:14

answered May 1, 2014 at 22:45

Chip Dean

4,3023 gold badges27 silver badges38 bronze badges

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

3 Comments

dandavis Over a year ago

won't that build-up repeated items? it probably needs a $("#content").html("") at the top...

Chip Dean Over a year ago

You are correct. Thanks for the heads up. I fixed it.

Gav Over a year ago

I was coming back after testing it to say that exactly what dandavis said! Thanks! updated the code on my end testing it now!

fiction · Accepted Answer · 2014-05-01 22:40:42Z

0

See setInterval(), it acts like a loop but you can change the interval so it doesn't crash even if it's infinite

answered May 1, 2014 at 22:40

fiction

1,0788 silver badges11 bronze badges

Collectives™ on Stack Overflow

Refreshing Json feed inside javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related