jQuery中点击按钮发送多次请求
/*
采用以下常规触发按钮去执行回调函数,可能会发送多次请求。并且会影响到数据库表
原因分析:可能是前端原型,绑定了多次事件。
*/
$("#saveBtn").click(function (){
$.ajax({})
}
/*
解决办法如下,含义是:单击按钮之前,会将之前该按钮绑定事件解绑。这样就保证了单击一次,并且只是发送本次请求
*/
$(document).unbind('click').on('click', '#saveBtn', function (){
$.ajax({})
}
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="saveBtn">保存</button>
</div>