Speicherleck in jQuery AJAX Anrufe

Question

Ich habe ein kleines Chat-Box-Widget geschrieben, das jede Sekunde einen Ajax-Aufruf ausführt, um neue Nachrichten abzurufen, die gepostet wurden. Das Problem ist, dass der Speicher ausgelaufen ist und nach nur 15 Minuten des Öffnens stürzt mein Browser (Firefox) ab.

Es ist wahrscheinlich mich, als ich ein relativer Neuling bin, und ich bin sicher, dass ich etwas aus oder bin nicht unsetting meine Variablen, etc ..

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

Kann jemand bitte Blick verpasst haben an meinem (Basic) Code, und sehen Sie, ob Sie erkennen können, wo das Speicherleck auftritt, und was ich falsch mache? Muss ich einige Variablen oder etwas aufheben?

Vielen Dank!

Answer 1

Nie Verwenden Sie setInterval() mit AJAX, sonst bleiben Ihre Anfragen nie synchronisiert. Verwenden Sie stattdessen setTimeout() und dann ausstehende Ihre Logik, initiieren Sie die setTimeout() rekursiv im complete Callback.

Beispiel.

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