ajax造成内存泄漏,防止AJAX内存泄漏

eyelidlessne..

11

您需要注意的最重要的事情是事件以及如何分配它们.

例如,采取这种情况(因为你还没有提供):

...

$(someButton).observe('click', function() {

new Ajax.Updater($('ajaxResponseTarget'), someUrl, {

onSuccess: function() {

$$('#ajaxResponseTarget .someButtonClass').invoke('observe', 'click', function() {

...

});

}

});

});

这将创建内存泄漏,因为何时#ajaxResponseTarget更新(内部,Prototype将使用innerHTML)具有click事件的元素将从文档中删除而不删除它们的事件.第二次单击时someButton,您将拥有两倍的事件处理程序,垃圾收集无法删除第一组.

避免这种情况的一种方法是使用事件委派:

...

$('ajaxResponseTarget').observe('click', function(e) {

if(e.element().match('.someButtonClass')) {

...

}

});

$(someButton).observe('click', function() {

new Ajax.Updater($('ajaxResponseTarget'), someUrl);

});

由于DOM事件的工作方式,"点击" .someButtonClass也将启动#ajaxResponseTarget,而Prototype使得确定事件的目标是什么元素变得非常简单.没有事件被分配到元素之内 #ajaxResponseTarget,所以也没有办法为内目标替换它的内容,以孤儿的活动.