为什么Ajax的html()函数会创建一个无限循环?

时间:2017-02-23 05:50:43

标签: javascript jquery html ajax

我想在数据库操作正在进行时输出动画。 db操作完成后,将修改html文档中表的内容。

<script>
  var jobj = new Object();
  jobj.uid = <?php echo "'".$_SESSION['user_id']."'";?>;
  var jsoninfo = JSON.stringify(jobj); 
  var table_content = '';

  jQuery.ajax({
    type:"POST",
    url:"./get_sunda.php",
    contentType : 'application/json; charset=UTF-8',
    data : jsoninfo,
    success:function(data)
    {
      var parse_data = JSON.parse(data);
      var array_unik = parse_data.shift();
      var array_heat = parse_data.shift();
      var f_omni = parse_data.shift();
      var i = 0;
      var j = 0;      
      table_content = $('#tblReport').html();
      console.log(0);
      table_content += some_text;
      $('#tblReport').html(table_content);      
      document.getElementById('Load').style.visibility = "hidden";     
    }
  }); 

</script>

但是,当我在ajax代码中调用html()函数时,即使没有循环,它也会陷入无限循环。

Console output

1 个答案:

答案 0 :(得分:2)

从任何php / js循环中删除你的ajax,删除代码中的任何setInterval函数,

当你将ajax绑定到一个事件时,你需要确保事件不在循环/ setInterval /另一个事件中