javascript - 函数未在 setInterval 上运行

Question

我正在尝试更新从 MySQL 拉入的表中的值，但该函数没有重新运行？

或者，如果有其他解决方案允许我以 60 秒的间隔更新 MySQL 数据库中的值，请告诉我。

编辑:错误已解决，但现在我收到一个新错误，而不是替换表单元格中的 mysql 值，而是将新单元格添加到表中，需要更改或添加代码的哪一部分来解决此问题？

下面的代码没有返回错误:

<script type="text/javascript">
$(document).ready(function(){
console.log(1+0);
$.ajax({
    url: 'fetch.php',
    type: 'get',
//type: 'post',
    dataType: 'JSON',
    success: function(response){
        var len = response.length;
        for(var i=0; i<len; i++){
            var beacon = response[i].beacon;
            var location = response[i].location;


            var tr_str = "<tr>" +
                "<td align='center'>" + beacon + "</td>" +
                "<td align='center'> <span class='minutes'>00</span>:<span class='seconds'>00</span> </td>" +
                "</tr>";

            $("#userTable tbody").append(tr_str);
        }
    setInterval(updateTable, 10000);
}
    })
})

        function updateTable() {
                    console.log(1+1);
$.ajax({
    url: 'fetch.php',
    type: 'get',
//type: 'post',
    dataType: 'JSON',
    success: function(response){
        var len = response.length;
        for(var i=0; i<len; i++){
            var beacon = response[i].beacon;
            var location = response[i].location;


            var tr_str = "<tr>" +
                "<td align='center'>" + beacon + "</td>" +
                "</tr>";

            $("#userTable tbody").append(tr_str);
            }

}
});
};

</script>

Answer 1

如果你的格式设置得当，你会发现你的 setInterval 位于你的函数内部......您应该将其放在 $(document).ready 回调函数中。

$(document).ready(function () {
  $.ajax({
    url: 'fetch.php',
    type: 'get',
//type: 'post',
    dataType: 'JSON',
    success: function (response) {
      var len = response.length;
      for (var i = 0; i < len; i++) {
        var beacon = response[i].beacon;
        var location = response[i].location;


        var tr_str = "<tr>" +
            "<td align='center'>" + beacon + "</td>" +
            "<td align='center'> <span class='minutes'>00</span>:<span         class='seconds'>00</span> </td>" +
            "</tr>";

        $("#userTable tbody").append(tr_str);
      }
      // <===== You should place youre set interval here
    }
  })
});

function updateTable() {
  console.log(1 + 1);
  $.ajax({
    url: 'fetch.php',
    type: 'get',
//type: 'post',
    dataType: 'JSON',
    success: function (response) {
      var len = response.length;
      for (var i = 0; i < len; i++) {
        var beacon = response[i].beacon;
        var location = response[i].location;


        var tr_str = "<tr>" +
            "<td align='center'>" + beacon + "</td>" +
            "</tr>";

        $("#userTable tbody").append(tr_str);
      }

    }
  });
  var updateTableInterval = setInterval(updateTable, 10000);
}