einen div nach 2 Sekunden mit Buchungsdaten neu laden

Question

Ich habe eine jquery erstellt und wollte die Datei nach 2 Sekunden neu laden, aber auch mit Daten.

Dies ist die 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> 

Mein 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); 
}); 

Fehler:

VM229:1 Uncaught SyntaxError: Unexpected identifier

Answer 1

Sie müssen statt setTimeout

verwenden

Answer 2

Im aktuellen Code ist ein Syntaxfehler aufgetreten. Die Methode setTimeout() erwartet, dass eine Methode/ein Code im Stringliteral ausgeführt wird.

Da das Intervall 2sec (sehr wenig) ist, würde ich empfehlen, den Code in Funktion zu verpacken und dann den Callback success rekursiv aufzurufen. Hier setTimeout zu verwenden, um die Ausführung von $.ajax() Aufruf zu verzögern.

$(document).ready(function() { 
    //on Page load 
    f() 
}); 

function f() { 
    setTimeout(function() { 
     var class_id = $('#class_id').val(); 
     var user_id = $('#user_id').val(); 
     $.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); 

       //Schedule for next execution 
       f(); 
      } 
     }) 
    }, 2000); 
}