通过ajax提交表单，点击按钮一次，ajax提交多次是什么原因？

Question

通过ajax来提交评论，有时候，点击一次按钮(type=button)，ajax会重复提交多次请求，并且重复的次数也不固定，有时候会多次提交请求，有时候不会，不知道是因为使用button按钮的原因还是其他的原因？//提交按钮，是一个的类型$form.find('#commentsubmit').on('click',function(){varcontent=$.trim(um.getContent()),form=this.form,quoteNumber=form.quote_number.value,quoteName=form.quote_name.value,hasComment=$container.find('.replycomment').length>0?1:0;//当前是否存在评论//console.log(content);if(content){varparam={replyId:replyid,content:content,quoteNumber:quoteNumber,quoteName:quoteName,hasComment:hasComment};//这里提交请求，有时候会多次提交$.post('/post/newcomment',param,function(data){if(data.status){if(hasComment){$container.find('.commentlist').append(data.html);}else{$container.prepend(data.html);}$self.attr('data-comments',comments+1).find('.commentsnumber').text(comments+1);}},'json');}});

Answer 1

按你这种写法，当然会提交多次。没人说点击事件只能执行一次。两种办法，一是把on改成one，使得点击提交事件只发生一次；二是点击之后把按钮button禁用(disabled属性)，或者移除button上绑定的事件(off方法)。