300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > ajax绑定事件页面重复提交 Ajax局部更新导致JS事件重复触发问题的解决方法

ajax绑定事件页面重复提交 Ajax局部更新导致JS事件重复触发问题的解决方法

时间:2023-08-02 02:37:39

相关推荐

ajax绑定事件页面重复提交 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列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。