用bootstrap模态框的时候,点击多少次按钮(确定、关闭),后台提交多少次Ajax,重复提交…

用bootstrap模态框的时候,点击多少次按钮(确定、关闭),后台提交多少次Ajax,重复提交…

查了一下,是因为一个叫做钩子事件的东西,具体是什么没搞懂,这里强行移出更改后解决了后台重复提交问题

 

我给模态框的  确定按钮 和 关闭按钮 分别添加了两个class值    确定(class=’queding’)   关闭(class=’guan’);

然后按钮有着自己的事件

$('.queding').click(function(){
        
        执行自己要做的事情
        
                //移出掉this的click事件
        $(this).off('click');
                //移出掉关闭按钮的事件
        $('.guan').off();
    });
    
    //点击关闭按钮的时候,清楚掉保存和关闭按钮的绑定钩子事件
    $('.guan').click(function(){
                //移出关闭按钮的绑定事件
        $(this).off();
                //同时移出确定按钮的绑定事件
        $('.queding').off();
    });

如果只在按钮的方法下移除自己的绑定事件,另一个按钮点击的时候,同样会增加后台提交次数。

所以在点击每个按钮的时候,也要移除其它按钮的绑定事件;

 

转载于:https://www.cnblogs.com/PHP0222wangdong/p/10874529.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100917.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Android 实现个性的ViewPager切换动画 实战PageTransformer(兼容Android3.0以下)

    Android 实现个性的ViewPager切换动画 实战PageTransformer(兼容Android3.0以下)转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/40411921,本文出自:【张鸿洋的博客】1、概述之前写过一篇博文:Android自定义ViewPager打造千变万化的图片切换效果。有兄弟提出,ViewPager自带了一个setPageTransformer用于设置切换动画~本篇博文,将:1、介绍如何使用setPageTr

    2022年7月22日
    18
  • MATLAB函数调用

    MATLAB函数调用数学建模matlab自定义函数时间2020年5月10日学习Matlab自定义函数使用,并结合所学函数简单修改了一下上周的代码实现了Topsis法。1.Matlab语句构成的程序文件称为M文件,以m作为文件的扩展名,分为函数文件和程序文件。程序文件即脚本文件,无function;函数文件有function,且在第一行或者第一个不是注释的行2.两个文件运行函数:函数定义文件和函数调用文件(函数可在脚本文件或命令窗口直接调用),两文件必须放在同一目录下,函数文件名必须与函数名相…

    2022年7月17日
    20
  • 设置IP地址、子网掩码、网关和DNS(手动获得IP地址默认网关)

    IP地址,子网掩码、默认网关,DNS的设置和工作原理(总结)转载:https://blog.csdn.net/kingshown_WZ/article/details/46423771概念:1.概述IP地址:人们在Internet上为了区分数以亿计的主机而给每台主机分配的一个专门的地址,通过IP地址就可以访问到每台主机。…

    2022年4月15日
    76
  • 关于ASIC、CPLD和FPGA介绍

    关于ASIC、CPLD和FPGA介绍关于ASIC、CPLD和FPGA介绍ASIC(ApplicationSpecificIntergratedCircuits)即专用集成电路,是指应特定用户要求和特定电子系统的需要而设计、制造的集成电路。目前用CPLD(复杂可编程逻辑器件)和FPGA(现场可编程逻辑阵列)来进行ASIC设计是最为流行的方式之一,它们的共性是都具有用户现场可编程特性,都支持边界扫描技术,但两者在集成度、速

    2022年5月4日
    63
  • 面试题vue双向绑定原理_vue路由面试题

    面试题vue双向绑定原理_vue路由面试题引言:vue的双向绑定原理简单来说就是:vue内部使用object.defineProperty方法给所有数据加上getter和setter方法,在数据发生改变时发布消息给订阅者Watcher,触发响应的监听回调。object.defineProperty是JS里一个重要的方法,vue的双向绑定ES6里一些方法都是靠它实现的。如图所示zuoerobject.defineProperty…

    2022年10月17日
    2
  • jQuery实现方式不一样的跳转到底部

    jQuery跳转到页面底部效果在线体验:http://hovertree.com/texiao/jquery/9.htm以下是完整HTML代码:跳到底部jquery效果-何问起跳到底部效果

    2021年12月21日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号