jQuery AJAXでメモリリークが発生しました

Question

投稿された新しいメッセージをフェッチするために、毎秒ajaxコールを実行する小さなチャットボックスウィジェットを作成しました。問題はそれがメモリを漏らしていることであり、開かれている約15分後に私のブラウザ（Firefox）がクラッシュする。

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

ことができる人下さい一目で私の（..私は相対的な初心者ですように、それは、おそらく私です、と私は私が何かを見逃しているかなど、私の変数は、設定解除わけではないと確信しています基本的な）コードを使用して、メモリリークが発生している箇所や、間違っている箇所を特定できるかどうかを確認します。いくつかの変数や何かを解除する必要がありますか？

多くの感謝！

Answer 1

setInterval()とajaxを使用してください。そうしないと、リクエストは決して同期されません。代わりにsetTimeout()を使用してロジックを保留にしてからcompleteコールバックでsetTimeout()を再帰的に開始してください。

例。

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