jQuery添加数据会重复问题

用jquery  绑定一个按钮click事件后,第一次点击添加后,数据正常添加,第二次点击,竟然执行两次,以后越来越多。

后来网上查到  jquery click  不是 替换原有的function  而是接着添加,所以才会执行次数越来越多。

这有就可以在添加之前要先解除click事件绑定,然后再重新绑定。 

重新绑定部分代码:bootstrap写法

$('#crud_user_modal').modal('show');//打开模态框
	$('#user_submit').unbind('click');//解除click事件绑定,然后再重新绑定。
	$('#user_submit').click(function() {
		var ps = $("#user_form").serialize();//获取form表单里面拿到的所有值

在点击执行方法之前 解除绑定事件就可以重新添加 不会累计添加数据了。

layui写法 拿到id为upmyform的form表单清空

document.getElementById("upmyform").reset();//解除form事件绑定,清除上次记录
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值