我有一个包含表单的Bootstrap模态框。模态框还包含提交和取消按钮。取消按钮正常工作,可以成功关闭模态框。现在根据我的要求,在模态框的提交按钮点击时,表单通过将用户输入传递到Web服务成功提交,但模态框没有关闭。此外,我需要在提交按钮点击事件上重新加载页面。以下是我的HTML代码:
<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentModalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<form action="~/GetStudent" class="form-horizontal" role="form" method="post" id="frmStudent">
<div class="modal-footer">
<div class="pull-right">
<button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Save</button>
<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button>
</div>
</div>
</form>
</div>
我尝试了以下方法来关闭模态框...
$('#frmStudent').submit(function() {
$('#StudentModal').modal('hide');
return false;
});
根据我的要求,我需要在提交事件后关闭模态窗口,并在从 Web Service 返回后重新加载页面。如何使用 Jquery 实现?
注意:我不能在此处使用 Ajax 调用..我只能从表单操作中提交表单。