form表单submit提交后台无反应、前端不报错

昨天下午一直纠结一个问题，表单无法提交，代码是这样的：

var deleteDialog = $("#dialog-confirm-delete").show().dialog({
resizable : true,
closable: true,
draggable: true,
width: 280,
height : 150,
modal : true,
buttons:[{
text:'确认删除',
handler:function(){
var deleteAction = getAction("structure/deleteMainDanElement.do");
$("#form_delete").attr('action',deleteAction);
$("#form_delete").submit();
refresh();//注意看这里
}
},{
text:'取消',
handler:function(){
$('#dialog-confirm-delete').dialog('close');
}
}]
});
deleteDialog.dialog("open");

//这里是refresh方法
function refresh(){
//刷新页面
location.reload()

}

html里面是这样的：

<div id="dialog-confirm-delete"  title="删除确认"  class = "easyui-dialog"  style="display:none;">
<form id="form_delete"  method="post">
<input type="hidden" id="ELEMENT_ID2" name="ELEMENT_ID">
<input type="hidden" id="TAG_ID2" name="TAG_ID">
</form>
<p>
该元素将被永久删除，并且无法恢复。您确定吗？
</p>

</div>

路径确认没问题，别人看代码也看不出什么问题，打开F12一直查一直查，真查不到问题，network没有东西、console也没有东西，后台打的断点又跳不进去。

直到今天有点事情耽搁了，前端断点停了几分钟，意外发现跳转进去了。这才醒悟过来，这是前端刷新太快了，还没来得及请求就已经刷新了。找了一会儿，没有找到form的submit回调方法，后选用ajax提交。修改的代码是这样的：



这个还是提醒了我，前端调试的时候务必注意异步同步的问题。这样导致调试了一下午，确实是浪费时间了。