在javascript中刷新Json feed

时间:2014-05-01 22:38:25

标签: javascript jquery ajax json

我正在创建一个页面来解析来自json feed的数据,但我不想每隔30秒更新一次,只需刷新Div& Jquery实际上没有刷新页面。

我已经尝试了一些我在这里发现的东西,但没有一件对我有用,唯一发生的事情就是让页面页面进入无限循环

代码:

<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>

并使用

加载页面
<div id="content"></div>

我已经把它全部打印出来的方式我想不到它,只有我无法刷新工作, 欢迎任何建议!

2 个答案:

答案 0 :(得分:3)

将其变为可以调用的函数:

$(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);
});

答案 1 :(得分:0)

请参阅setInterval(),它就像一个循环,但你可以改变间隔,这样即使它是无限的也不会崩溃