ajax一次点击多次提交的解决方法

最新推荐文章于 2022-02-26 14:45:05 发布
最新推荐文章于 2022-02-26 14:45:05 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： 技术问题 文章标签： java ajax web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Achenming1314/article/details/106788506
版权

这里写目录标题

错误产生原因其一

这是笔者在写一个web项目时产生的错误，场景是：用户点击“立即购买”，弹出一个提示框，如图。
在这里插入图片描述此时先不点击确认支付触发ajax请求，而是点击关闭按钮（窗口消失但并不意味着结束了某个函数的执行）。接着再点一次“立即购买”，这一次点击确认支付，则会提示两次支付成功，如图。
在这里插入图片描述

解决办法

找到ajax请求的代码：如图，在点击事件前加上.off()就行了，这时发送的将是你最近一次点击的请求信息。
在这里插入图片描述

赶路的苟狗
关注
专栏目录
按钮的Ajax请求时一次点击两次提交的解决方法
10-21
像ajax请求发生两次提交的原因是在执行完ajax请求后，并没有阻止submit的行为，下面小编给大家带来两种按钮的ajax请求时一次点击两次提交的解决方法，一起看看吧
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
08-28
这样，每次点击提交按钮时，系统将只触发一次提交事件，而不会出现多次提交的问题。 下面是解决方法的代码实现： ``` $(function() { $('#modal-click-error').on('click', function() { $('#myModal').modal('...
点击时请求多次ajax,通过ajax提交表单，点击按钮一次，ajax提交多次是什么原因？...
weixin_32698563的博客
08-05 323
通过ajax来提交评论，有时候，点击一次按钮(type=button)，ajax会重复提交多次请求，并且重复的次数也不固定，有时候会多次提交请求，有时候不会，不知道是因为使用button按钮的原因还是其他的原因？//提交按钮，是一个的类型$form.find('#commentsubmit').on('click',function(){var content= $.trim(um.getCont...
ajax绑定事件页面重复提交,单次点击多次提交ajax请求处理，解决点击事件重复监听...
weixin_29251131的博客
08-05 371
$("#addNote").on("click",function () {$.ajax({url: location,type: "put",data:{"title":$("#artcleTitle").v"content":$("#mainArticle")},dataType:"json",success:function (result) {console.log(result);}})...
ajax多次请求空,多次提交Ajax请求
weixin_26775679的博客
08-06 231
我正在修改一些验证到我的表单。验证工作，问题是，当没有验证错误发生时，表单提交多次用户试图提交。这就像请求堆积如山。多次提交Ajax请求形式有这个提交按钮调用我的AJAX功能create_new_stuff功能function create_new_stuff(){$("#createForm").submit(function(event){event.preventDefault();even...
点击请求ajax,发现ajax被请求多次
qq_34794885的博客
04-09 678
在做项目的过程中，使用 $(document).on('click','.className',function(){})，点击一次事件，发现 ajax 被请求多次 ,原因是点击事件被执行多次，需要对之前的点击事件解绑。 $('#id').click() 当选中的选择器被点击时触发回调函数fn，$('...').click() 只能为页面已经存在的元素绑定点击事件；如果是动态生成的新的元素，是触...
点击触发ajax重复提交表单,点击事件重复请求
weixin_29865939的博客
08-06 465
引子当我们针对某个按钮绑定点击事件后，就可以随时通过点击鼠标来触发按钮的点击事件，如：var num = 1;$('ele').on('click',function(){num++;//执行的业务逻辑})这样num值会不断增加，依赖于num值的业务逻辑就会出错；一般出现的场景有：ajax请求;问卷答题接下来我们根据这些场景来分析下;场景分析1. ajax提交当用户短时间内重复点击登录按钮时,会触...
解决vue 按钮多次点击重复提交数据问题
08-27
这是因为用户可以快速点击按钮，导致多次提交数据，从而导致数据重复提交的问题。 解决方法 解决该问题的方法是通过控制按钮的禁用状态来实现。具体来说，可以通过绑定按钮的 disabled 属性来控制按钮的点击和不可...
阻止表单提交按钮多次提交的完美解决方法
11-22
另外，在提交事件发出后，最好将提交按钮设置为disabled，防止由于网络延时问题，让用户有机会进行多次点击重复提交。 onclick事件里面执行 $(this).attr(‘disabled’,’disabled’); 在点击一次后立马将按钮设置为...
点击触发ajax重复提交表单,屡次连续点击致使Ajax重复提交
weixin_34816913的博客
08-06 366
有个相似商品管理的功能，商品经过execle 文件导入商品，而后“检查”导入的数据的合法性功能。html因为导入的商品的数量通常较大，因此点击一次“检查”按钮，每次的执行时间相对较长，用户每每会进行屡次点击“检查“”按钮，形成程序开销较大，甚至程序卡死，或者由于ajax 提交的回调函数等待执行时间过长，致使页面假死或崩溃。因此必需要给相似这样的按钮加上“控制”------在ajax 执行时，使按钮...
连续点击ajax 防止多次提交
zl_j_c的博客
05-16 710
var isAjax=false; $('#count_down').click(function(){ if(isAjax){ return; } isAjax=true; var _phone = $('#phone_number').val(); if(_...
ajax一次请求多次响应,关于ajax的多次请求问题
weixin_30479445的博客
08-06 1496
我们在用ajax请求数据时，可能会遇到一次点击多次触发的可能。(比如说：ajax 的 onreadystatechange 事件就会触发多次；这是因为 onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complet...
巧用Ajax的 仅提交一次有效信息 提高用户体验
欲寄彩笺兼尺素，山高水阔知何处
12-15 255
巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。 具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function(){ // Han
Ajax 重复提交问题处理方案
天马3798
02-26 1344
Ajax 重复提交问题处理方案 注：ajax重复提交原因，是ajax是异步的，在网络延迟或者服务器卡顿时候，多次点击提交按钮会重复提交。 一、方案1，简单方式处理ajax重复提交，使用变量控制 1.js代码 //标记是否提交 var isSubmit=false; $('#Submit').click(function(){ if(isSubmit)return false; var name=$('#Name').val();
关于ajax提交表单，重复提交解决方法
u011473036的专栏
12-02 5378
今天做了一个扣除用户金额，解决重复提交问题，这里用了layer，您可以注释。 /*提交表单*/  var lock = true; // 锁住表单    1.这里定义一把锁  function submit(){   if(!lock){    // 2.判断该锁是否打开，如果是关闭的，则直接返回    return false;   }   lock = false  //3.
执行多次ajax
FBI_xx的博客
06-13 217
<script> jQuery(document).ready(function(){ $("#delete_file").on("click",function(){ $("input:checkbox[name=file_cheak_name]:checked").each(function(i){//获取选中checkbox并依次执行 delete_file($(this).val()); .
jquery ajax异步获取数据，防止重复获取
iteye_6988的博客
07-13 408
一个onclick事件，当发送一个ajax请求时，如果该请求没有返回，则不进行 下一次的请求。该问题的处理非常类似多线程中对资源共享共享的处理。下面代码中 isSended 标志类似多线程中的锁   代码取自jxwpgsh 中站内搜索中查询单位的结果列表页面     var isSended=false;//类似多线程中的锁 function getProject(obj,compan...
Ajax 重复提交解决方案
zwkkkk1的博客
04-12 1082
一、问题产生原因   由于 AJjax 提交数据为异步提交，所以当我们点击提交按钮是通过 xmlhttprequest 对象向服务器发送异步请求，发送请求需要有处理时间，我们第一次点击的请求尚未完成，就有接二连三的又提交了几次，同时后来发送的请求同时也被发送到后台处理了，故造成了 Ajax 的重复提交问题。 二、解决方案 1. 改变按钮可点击状态   原理很简单，就是在触发...
jquery 解决多次提交
最新发布
06-06
可以通过以下方法解决多次提交问题： 1. 禁止按钮重复点击：在提交按钮的点击事件中添加一个 disabled 属性，防止用户多次点击按钮。 ```javascript $('#submitBtn').click(function() { $(this).prop('disabled'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赶路的苟狗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值