jquery ajax内存泄漏

Question

I am definitely not the first person to have a jQuery memory leak issue, but I couldn't find the answer I was looking for the many questions similar to this one that I looked at.

First, the leaky bit:

$(document).ready(function ivr_grabber(){
var xhr = $.ajax({
    url: '/ivr/inprogress',
    timeout: 3000,

    success: function(data){
        $('#open-ivrs').html(data);
        data = null;
    },
    complete: function(){
        setTimeout(ivr_grabber, 3000);
    }
});
xhr = null;
});

The PHP code returns a table with some people who are being called by our PBX. I've commented out the .html(data) line, and it's made no difference. I've also removed setTimeout, and then put it back, no luck. I attempted to unset all the values that might be incurring this leak, but I cant figure out where it's coming from.

It appears to be leaking at a rate of about 5 KB per ajax call. Any thoughts?

Using jQuery 1.7.2 on chrome

I've been taking heap snapshots consistently, none of the above have affected the leakiness

Answer 1

I figured out the memory leak issue. It was in:

setTimeout();

I was calling a function name, which calls the function, and then sets a timeout to call the function. There were escalating timeouts piling up. In reality i needed to use an anonymous function, like so:

setTimeout(function(){
    some_func();
}, 5000);

EDIT: This does not actually solve the tiny inherent handle accumulation that jQuery's ajax methods are prone to. I have yet to figure olut a way around this.

EDIT 2: Another issue I encountered that caused memory leaks was mounting event handlers. Redefining an event handler like so:

$('#something').click(function(){ do stuff });

will not remove old .click() handlers, I found that using .unbind('click') solved many of the issues I was having.

Answer 2

I'm not 100% sure on this, but try declaring the function ivr_grabber outside the scope of the document.ready handler. Also, why set the jqXHR object to null? This accomplishes nothing to my knowledge and perhaps interferes with the async request.

$(document).ready(ivr_grabber);
function ivr_grabber() {}