setInterval и Ajax

Question

У меня есть эта проблема, когда я использую setInterval и ajax для извлечения данных из базы данных, и если данные, которые я получаю из базы данных, равны saveHere, тогда она будет циклически повторяться до тех пор, пока она не будет соответствовать переменной saveHere, он заморозит браузер до тех пор, пока данные, которые я получаю, не равны saveHere.

Вот пример:

var saveHere = 'RED'; 
var interval = setInterval(function() { 

    var sample = $.ajax({ 
     type: 'GET', 
     url: 'database.php', 
     data : data 
    }).responseText; 

    if (sample != 'RED') { 
     clearInterval(interval); 
     saveHere = sample; 
    } 
    else { 
     console.log('load again'); 
    } 

},1000); 

Мне очень нужен совет. Заранее спасибо. Извините за грамматику.

Answer 1

Не зная точного сценария или того, что вы ожидаете достичь, я бы сказал, что способ, которым вы звоните по своим вызовам AJAX, очень опасен, поскольку он может постоянно делать запрос каждую секунду независимо от того, о том, имел ли сервер еще возможность ответить.

Я был бы соблазн сделать только один запрос в то время, что-то вроде:

var saveHere = 'RED'; 
makeAjaxCall(); 

function makeAjaxCall() { 
    var url = 'database.php'; 
    var data = {}; 
    $.get(url, data, function(response_text){ 
     if (response_text != 'RED') 
     { 
      saveHere = response_text; 
      // do whatever else you need... 
     } 
     else 
     { 
      // make another call... 
      console.log('calling again...'); 
      makeAjaxCall(); 
     } 
    }, "text"); 
} 

Answer 2

Вы интервал очистки, что означает, что после этого не будет интервала.

Вместо этого вы можете сделать внутренний интервал внутреннего интервала, если условие указано ниже.

var interval = setInterval(function() 
{ 
    if(sample != 'RED') { 
     var sample = $.ajax({ 
      type: 'GET', 
      url: 'database.php', 
      data : data 
     }).responseText; 

    saveHere = sample; 
    } 
    else 
    { 
     console.log('load again'); 
    } 
},1000); 

Answer 3

В своем коде вы проверить не равным 'RED'.

if(sample != 'RED'){ . . . 

Та часть петель останавливает интервал

Если не равно красный

}else{ 

Это нагрузка снова "простой бревен без очистки интервала

Что именно вы пытаетесь достичь?

Answer 4

$.ajax является асинхронным и требует использования обратного вызова для получения текста ответа.

Посмотрите на документацию на http://api.jquery.com/jQuery.ajax/

То, что вы хотите сделать, это добавить параметр success. Что-то вроде этого:

var saveHere = 'RED'; 

doAjax(); 

function doAjax() { 

    $.ajax({ 
     type: 'GET', 
     url: 'database.php', 
     data: data, 
     success: function (sample) { 
      if (sample != 'RED') { 
       saveHere = sample; 
      } else { 
       console.log('load again'); 
       doAjax(); 
      } 
     } 
    }); 

} 

Обратите внимание, как я удалил setInterval и вместо этого обернул код Ajax в функции. Обратный вызов success вызывается, когда запрос Ajax успешно завершен и дает вам ответ. После того как мы проверили ответ, мы снова можем запустить функцию doAjax, чтобы снова выполнить запрос.