javascript - 每 2 秒重新加载一个 div 并发布数据

Question

我创建了一个 jquery，我想每 2 秒重新加载一次文件，同时也通过发布数据。

这是html

<input type="hidden" id="class_id" value="<?php echo $data['class']; ?>" />
<input type="hidden" id="user_id" value="<?php echo $_SESSION['uid']; ?>" />
<tbody id="donors_list"></tbody>

我的 Jquery

$.ajaxSetup({ cache: false });

$(document).ready(function() {
    var class_id = $('#class_id').val();
    var user_id  = $('#user_id').val();
    setTimeout(
        $.ajax({
            url         : "includes/get_data.php", 
            type        : "POST",             
            data        : {class_id : class_id, user_id : user_id, new_list: 'new_list'},
            dataType    : 'text',            
            success     : function(data) {
                $("#donors_list").html(data);
            }
        });
    , 2000);
});

错误:

VM229:1 Uncaught SyntaxError: Unexpected identifier

Answer 1

您需要使用 setInterval而不是 setTimeout

WindowOrWorkerGlobalScope.setInterval()

The setInterval() method of the WindowOrWorkerGlobalScope mixin repeatedly calls a function or executes a code snippet, with a fixed time delay between each call. Returns an intervalID.

$.ajaxSetup({ cache: false });

$(document).ready(function() {
    var class_id = $('#class_id').val();
    var user_id  = $('#user_id').val();

    setInterval(function() {
        $.ajax({
            url         : "includes/get_data.php", 
            type        : "POST",             
            data        : {class_id : class_id, user_id : user_id, new_list: 'new_list'},
            dataType    : 'text',            
            success     : function(data) {
                $("#donors_list").html(data);
            }
          });
      }, 2000);
});