通过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方法)。