在实际项目开发中，提交表单时常常由于网络或者其原因，用户点击提交按钮误认为自己没有操作成功，进而会重复提交按钮操作次数，如果页面前端代码没有做一些相应的处理，通常会导致多条同样的数据插入数据库，导致脏数据的增加。要避免这种现象，在$.ajax请求中的beforeSend方法中把提交按钮禁用掉，等到Ajax请求执行完毕，在恢复按钮的可用状态。 1.ajax 代码 $.ajax({ url: '/fund/applyWithdrow', type: "post", async: false, data: { "money" :money }, beforeSend:function() { //触发ajax请求开始时执行 $('#submit_font').text('申请提现中...'); $('.btn3').attr('onclick','javascript:void(); '); //改变提交按钮上的文字并将按钮设置为不可点击 },success: function(data){ //申请成功 if(data.res){ alert(data.msg); location.assign(location); }else{ //申请失败 alert(data.msg); } } }) 2. 按钮触发事件 提现
推荐阅读
- 针对 jQuery 的优化方法有哪些
- javascript|关于input的change事件触发多次发解决
- jquery Colorbox 传值
- Jquery 操作 Frame示例
- 代码记录|jquery获取select框的值、单选框的值、textarea的值、获取input框的值
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- jQuery|jQuery 基础教程目录
- jquery.ui.droppable中文文档
- JS|Swiper插件的简单使用
- jquery|总结jQuery/js常用方法