setTimeout с ajax звонки

Question

<script type="text/javascript"> 
    var timeOutID = 0; 
    var checkScores = function() { 
    $.ajax({ 
     url: "<?php echo 'http://127.0.0.1/ProgVsProg/main/countScoreCh'?>", 
     success:function(response){ 
     if (response !=' ') { 
     $('#scoreCh').html(response); 
     clearTimeout(timeOutID); 
     } else{ 
     timeOutID = setTimeout(checkScores, 3000); 
     } 
    }); 
    } 
    timeOutID = setTimeout(checkScores,1000); 
</script> 

Я использую setTimeout при внесении изменений в базу данных. Если произойдет изменение, оно выведет изменение.

Моя проблема: setTimeout будет отображать только первый вызов. И никогда не проверяет снова, если в базе данных есть другое изменение.

Я не знаю, является ли setTimeout правильным способом.

Answer 1

Вы делаете эти ошибки

1. Если вы хотите опрашивать базу данных изменения, не использовать setTimeout. Вместо этого используйте setInterval и очистите этот интервал в зависимости от вашей логики, например, через 50 раз или что-то еще.
2. Использовать busyFlag, потому что вы делаете звонок . (Как было предложено @ Mike)

Попробуйте

var intervalId = null; 
var IS_BUSY_FETCHING_UPDATES = false; 

var checkScores = function() { 
    if (!IS_BUSY_FETCHING_UPDTAES) { 
    IS_BUSY_FETCHING_UPDTAES = true; 

    $.ajax({ 
     url: "http://127.0.0.1/ProgVsProg/main/countScoreCh" 
    }).done(function(response){ 
     if (response) { 
     $('#scoreCh').html(response); 
     } 
    }).fail(function(e) { 
     console.error(e); 
    }).always(function() { 
     IS_BUSY_FETCHING_UPDATES = false; // This will be executed when AJAX gets complete 
    }); 
} 

intervalID = setInterval(checkScores,1000); 

Answer 2

Да, setTimeout работает только один раз. Вы ищете setInterval.

<script type="text/javascript"> 
    var timeOutID = 0; 
    var checkScores = function() { 
     $.ajax({ 
      url: "<?php echo 'http://127.0.0.1/ProgVsProg/main/countScoreCh'?>", 
      success: function(response) { 
       if(response !== '') { 
        $('#scoreCh').html(response); 
       } 
      } 
     }); 
    }; 
    timeOutID = setInterval(checkScores, 1000); 
</script> 

Вы также могли бы получить работу, только чтобы избавиться от что еще в вашей функции успеха:

success: function(response) { 
    if(response !== '') { 
     $('#scoreCh').html(response); 
    } 
    timeOutID = setTimeout(checkScores, 3000); 
}, 
error: function() { 
    timeOutID = setTimeout(checkScores, 3000); 
}