Perdita di memoria in jQuery Chiamate AJAX

Question

Ho scritto un piccolo widget di chat-box che esegue una chiamata ajax ogni secondo, per recuperare i nuovi messaggi che sono stati postati. Il problema è che sta perdendo memoria, e dopo solo 15 minuti di apertura si blocca il mio browser (Firefox).

E 'probabilmente me, come io sono un novizio relativo, e sono sicuro che ho perso qualcosa o no sto disinserimento mio variabili, ecc ..

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(); 

qualcuno può sguardo alla mia (di base) e vedere se riesci a individuare dove si verifica la perdita di memoria e cosa sto facendo male? Devo disabilitare alcune variabili o qualcosa del genere?

Grazie mille!

Answer 1

Mai utilizzare setInterval() con ajax, altrimenti le richieste non verranno mai sincronizzate. Utilizzare invece setTimeout() e in attesa della logica, avviare setTimeout() in modo ricorsivo nel callback complete.

Esempio.

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