ポーリングAjaxの機能は、私は、次のポーリング機能を持っていると仮定し、コールスタックに

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の助言として、私はまた、個別にその関数を宣言します。