Przeciek pamięci w jQuery AJAX wywołuje

Question

Napisałem mały widget czatu, który co sekundę wywołuje wywołanie ajax, aby pobrać nowe wiadomości, które zostały opublikowane. Problem polega na tym, że jest to przeciekająca pamięć, a po około 15 minutach od otwarcia powoduje awarię mojej przeglądarki (Firefox).

To chyba ja, ponieważ jestem początkującym względny, a jestem pewien, że tęskniłem za coś lub ja nie wyłączające moje zmienne itp ..

var chat = {} 
chat.fetchMessages = function() { 
    $.ajax({ 
     url: '/chat_ajax.php', 
     type: 'post', 
     data: { method: 'fetch'}, 
     success : function(data) { 
      $('#chat .messages').html(data); 
      $("#chat").scrollTop($("#chat")[0].scrollHeight); 
     } 
    }); 
} 
chat.interval = setInterval(chat.fetchMessages, 1000); 
chat.fetchMessages(); 

może ktoś proszę spojrzeć na moje (podstawowe) i sprawdź, czy możesz wykryć, gdzie występuje wyciek pamięci i co robię źle? Czy muszę usunąć niektóre zmienne lub coś takiego?

Wielkie dzięki!

Answer 1

Nigdy nie używaj z ajaxem, ponieważ twoje żądania nigdy nie zostaną zsynchronizowane. Zamiast tego użyj wartości setTimeout(), a następnie oczekuj na logikę, zainicjuj rekursywnie wywołanie zwrotne setTimeout() w wywołaniu .

Przykład.

$(DoMyAjax); // start your ajax on DOM ready 
function DoMyAjax() { 
    $.ajax({ 
     complete: function() { 
      // your logic here 
      setTimeout(DoMyAjax, 1000); 
     } 
    }); 
}