Polling Ajax-Funktion wird von über Call-Stack

Question

Angenommen, ich habe die folgende Abfrage-Funktion:

function pollingFunc(taskId){ 
    setTimeout(function() { 
    $.ajax({ 
     url: '/endpoint', 
     type: 'POST', 
     data: { 'celery_task_id': taskId }, 
     success: function(response){ 
     if(response.celery_ready) { 
      console.log('CELERY IS READY') 
     } else { 
      console.log('polling') 
      pollingFunc(response.task_id) 
     } 
     } 
    }) 
    }, 5000); 
} 

Als ich es aufrufen, den Erfolg Rückruf nie aufgerufen wird, oder es könnte sein, aber mein console.logs nie erscheinen. Statt nach einer Weile bekomme ich

Uncaught RangeError: Maximum call stack size exceeded 

Also meine Funktion rekursiv ausgeführt wird, sondern in der Art und Weise, dass ich es will. Ich würde zumindest hoffen, das Konsolenprotokoll vor dem Start meiner rekursiven Aufrufe in der Konsole auszudrucken, tut es aber nicht. Ich habe bestätigt, dass mein Backend-Endpunkt korrekt funktioniert und json zurückgibt, also vermute ich, dass etwas in meinem JavaScript-Code fehlt. Hat jemand eine Idee?

Answer 1

Ich bin nicht gut in js, aber ich hatte Probleme mit setTimeout. Nach w3school:

Anzeige ein Warnfeld nach 3 Sekunden (3000 Millisekunden):

setTimeout(function(){ alert("Hello"); }, 3000);

Also ich denke, Ihr Code 5 secondes wartet vor Ihrem Server aufrufen, und dann Sie nennen es jedes Mal und sofort, wenn Sie die Antwort bekommen.

=> Um Ihr Problem zu beheben, setzen Sie die setTimeout innerhalb die Erfolgsfunktion.

function pollingFunc(taskId){ 
    $.ajax({ 
     url: '/endpoint', 
     type: 'POST', 
     data: { 'celery_task_id': taskId }, 
     success: function(response){ 
     if(response.celery_ready) { 
      console.log('CELERY IS READY') 
     } else { 
      console.log('polling') 
      setTimeout(function() { 
      pollingFunc(response.task_id); 
      }, 5000); 
     } 
     }); 
    } 

By the way, nicht diese Art von Problem zu reproduzieren, würde ich separat diese Funktion auch erklären, wie empfohlen, durch JQuery documentation.