分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – Json每隔x秒更新一次SetInterval，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我制作了这个脚本来获取一些json信息：

$(document).ready(function(){

    $.ajax({
      url: 'url',dataType: 'json',cache: true,timeout: 30000,success: function(data) {

            // $('#output ul').append('<li>The Feed loads fine');
            $('#output ul').empty();

            $.each(data.posts,function(i,data){ 

                $('#output ul').append('<li><a href="'+data.image+'"><img class="thumb" src="'+data.image+'" alt="" /></a><h3>'+data.title+'</h3><p>'+data.text+'</p></li>');


            });

        },error: function(){
            $('#output ul').append('<li>Error');
        }
    });
 });

但我想每x秒更新一次Feed.我读了很多关于它但我可以完成它.

我怎样才能做到这一点？

解决方法

使用 setInterval重复调用代码块,并将代码放入某个函数中,并将函数名称传递给seTinterval第一个参数.您可以传递匿名函数,而不是像repeatMe那样创建一个新函数,但我更希望使函数能够使代码更具可读性.

function repeatMe(){
 $.ajax({
  url: 'url',success: function(data) {

        // $('#output ul').append('<li>The Feed loads fine');
        $('#output ul').empty();

        $.each(data.posts,data){ 

            $('#output ul').append('<li><a href="'+data.image+'"><img class="thumb" src="'+data.image+'" alt="" /></a><h3>'+data.title+'</h3><p>'+data.text+'</p></li>');


        });
    },error: function(){
        $('#output ul').append('<li>Error');
    }
 });
}

seTinterval(repeatMe,5000);

编辑最好在成功时使用setTimeout而不是seTinterval,以在第一次完成其作业后发送下一次更新调用.我们还会将setTimeout置于错误状态以保持重复调用以进行更新.

function repeatMe(){
 $.ajax({
  url: 'url',success: function(data) {
        // $('#output ul').append('<li>The Feed loads fine');
        $('#output ul').empty();
        $.each(data.posts,data){ 

            $('#output ul').append('<li><a href="'+data.image+'"><img class="thumb" src="'+data.image+'" alt="" /></a><h3>'+data.title+'</h3><p>'+data.text+'</p></li>');
            setTimeout(repeatMe,5000);
        });
    },error: function(){
        $('#output ul').append('<li>Error');
        setTimeout(repeatMe,5000);
    }
 });
}