jQueryと.post（）を使用してループを解除できないsetInterval内のclearInterval

Question

setInterval関数内でclearInterval関数を呼び出しようとしています。これは運がない状態でajaxをフェッチしています。

var nre = setInterval('checkit()',5000); 
$(function() { 
    checkit = function(){ 
     $.post("check.php", { login: "<?php echo $_SESSION['login'];?>" }, function(data) { 
      if (data == 1) { 
       $('#debug').html(data); 
       window.clearInterval(nre); 
      } 

     }); 
    } 
}); 

重要な点は、ループが壊れていないという点です。

ここでは、setInterval関数の非同期処理が問題となる可能性があることを読んだことがあります。それを解決する良い方法はありますか？

Answer 1

同じスコープ内のすべてのものを移動し

、およびsetIntervalの文字列形式を使用しないでください：

$(function() { 
    var nre = setInterval(checkit, 5000); 
    function checkit() { 
     $.post("check.php", { login: "..." }, function(data) { 
      if (data === 1) { 
       $('#debug').html(data); 
       clearInterval(nre); 
      } 
     }); 
    } 
}); 

Answer 2

checkitはそうdocument.ready内setIntervalコールを移動document.ready外に表示されません。

変数checkitに匿名関数を割り当てる場合は、変数が割り当てられた後にsetInterval呼び出しを移動する必要があります。

$(function() { 
    var checkit = function(){ 
     $.post("check.php", { login: "<?php echo $_SESSION['login'];?>" }, function(data) { 
      if (data == 1) { 
       $('#debug').html(data); 
       window.clearInterval(nre); 
      } 

     }); 
    } 
    var nre = setInterval(checkit,5000); 
}); 

それとも、あなたは関数を宣言した場合は、関数の宣言の前setIntervalを呼び出すことができます。

$(function() { 
    var nre = setInterval(checkit, 5000); 
    function checkit() { 
     $.post("check.php", { login: "..." }, function(data) { 
      if (data == 1) { 
       $('#debug').html(data); 
       clearInterval(nre); 
      } 
     }); 
    } 
});