[英]How to reload a page on Submit
我有一个包含表单的 Bootstrap Modal。 模态还包含提交和取消按钮。 取消按钮工作正常,并且成功关闭了 Modal。 现在,根据我对模态的提交按钮单击的要求,通过将用户输入传递给 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>
我尝试了以下方法来关闭 Modal ..
$('#frmStudent').submit(function() {
$('#StudentModal').modal('hide');
return false;
});
根据我的要求,我需要在提交事件时关闭模态并在从 Web 服务返回后重新加载页面。 我怎样才能用 Jquery 做到这一点?
注意:我不应该在这里使用 Ajax Call ..我只需要从表单操作提交表单
此 HTML 将不起作用:
<form onsubmit="window.location.reload();">
但是这个 HTML 可以完成这项工作:
<form onsubmit="setTimeout(function(){window.location.reload();},10);">
所以浏览器有足够的时间提交表单然后重新加载页面;-)
提交表单后,您可以通过 javascript 进行此调用:
window.location.reload();
如果您希望在提交表单时重新加载页面,请使用onsubmit
事件处理程序:
document.getElementById("frmStudent").onsubmit = function(){
location.reload(true);
}
此代码应重新加载页面,提交表单并关闭模式。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.