Ajax局部更新导致JS事件重复触发问题的解决方法

如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。

以带有公共工具栏的列表界面为例：

| Menu1 | Menu2

----------------------------------------------------------------------------

ID TITLE DESCRIPTION OPERATION

1 test1 hey test X - ...

2 test2 why not X - ...

----------------------------------------------------------------------------

$.ajax(
....
data: { ...
},
success: function(data) {
$('Menu1').click(
function(){
//do something
}
);
}
)

由于Menu1界面部分是公共的，并不会随着列表数据的更新而被重新载入，那么上面的代码将产生重复的click事件触发（在多次更新列表后）。

所以我们要注意，在ajax列表更新的结果处理中，不能包含工具栏事件侦听的重新初始化。

您可能感兴趣的文章:

• jQuery的 $.ajax防止重复提交的两种方法(推荐)
• JS Ajax请求如何防止重复提交
• jQuery validate插件实现ajax验证重复的2种方法
• 防止重复发送Ajax请求的解决方案
• AJAX避免用户重复提交请求实现方案
• 防止ajax重复请求的方法(GET和POST)
• Ajax校验是否重复的实现代码