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,所以也没有办法为内目标替换它的内容,以孤儿的活动.
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,所以也没有办法为内目标替换它的内容,以孤儿的活动.