我希望每1秒使用setInterval()更新一个输出列表，但是它得到无穷大的循环输出

Question

我想每1秒更新一次我的名字列表，所以我尝试setinterval()，但是它会循环。有解决办法吗？

 <script>
 getcus();
 function getcus(){
 $(document).ready(function() { 
    $.get('<?php echo base_url();?>index.php/site/get_all_customer_ajax', function (data) {
          var obj = JSON.parse(data)
          for (var i=0;i<obj.customer.length;++i)
          {
          $('#names').append(obj.customer[i].first_name + "<br>");
          }
    });
 });
   setInterval(getcus, 1000);
  };

​

输出

玛丽亚

何塞

克拉克

玛丽亚

何塞

克拉克

玛丽亚

何塞

克拉克

玛丽亚

何塞

克拉克

无限..。

Answer 1

在追加getfocus函数之前，清空#name div，因为它调用自己，所以在本例中不需要setTimeout。在成功回调中使用setTimeout确保下一个请求在第一个请求成功后调用

​

$(document).ready(function() { 
	 getcus();
});

function getcus(){
	 $.get('<?php echo base_url();?>index.php/site/get_all_customer_ajax', function (data) {
		 var obj = JSON.parse(data);
		 $('#names').empty();
		 for (var i=0;i<obj.customer.length;++i)
		 {
		 	$('#names').append(obj.customer[i].first_name + "<br>");
		 }
          setTimeout(getcus, 1000);
	});
	
};

​