функция опроса Аякса превышает стек вызовов

Question

Предположим, что у меня есть следующие функции опроса:

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

Когда я вызываю его, обратный вызов никогда не вызывается, или это может быть, но мои console.logs никогда не появляются. Вместо этого через некоторое время я получаю

Uncaught RangeError: Maximum call stack size exceeded 

Таким образом, моя функция работает рекурсивно, но так, как хотелось бы. Я бы надеялся на аренду консольного журнала, прежде чем мои рекурсивные вызовы начнут печатать на консоли, но это не так. Я подтвердил, что моя базовая конечная точка работает правильно и возвращает json, поэтому я подозреваю, что в моем javascript-коде есть что-то, что мне не хватает. У кого-нибудь есть идея?

Answer 1

Я плохо разбираюсь в js, но у меня были проблемы с setTimeout. Согласно w3school:

Показать окно предупреждения через 3 секунды (3000 миллисекунд):

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

Так что я думаю, что ваш код ждет 5 secondes перед вызовом сервера, а затем вы называете это каждый раз и сразу, когда вы получите ответ.

=> Чтобы устранить проблему, поставьте setTimeout внутри Функция успеха.

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

Кстати, чтобы не воспроизвести такого рода проблемы, я хотел бы также объявить отдельно эту функцию, в соответствии с рекомендациями JQuery documentation.