提交JSP后页面重新加载延迟

Question

我一直在尝试使用以下脚本延迟提交后的页面重新加载，但我无法使其正常工作。 我想知道是否有人可以帮助我。 谢谢。

纽扣

<input type="submit" id="success" class="btn btn-primary" data-toggle="modal" data-target="#modal-1" value ="Save"  onclick="refresh(10000)" value="Call function"/>

Java脚本

<script type="text/javascript">
function refresh (timeoutPeriod){ 
    refresh = setTimeout(function(){window.location.reload(true);},timeoutPeriod); 
} 

Answer 1

使用jQuery应该是这样的：

$('#yourformid').submit(function(e){
  e.preventDefault();
  setTimeout(function(){window.location.reload(true);},timeoutPeriod);
});

这意味着，您应该捕获表单提交事件，然后阻止默认操作，并在超时到期后重新加载页面。

编辑：

如果您需要延迟提交表单，而不仅仅是重新加载它：

var readyToSubmit = false;
$('#yourformid').submit(function(e){
  var $self = $(this);
  if (!readyToSubmit) {
    setTimeout(function(){
       readyToSubmit = true;
       $self.submit();
    },2000);
    return false;
  }
  return true;
});

小提琴： http ： //jsfiddle.net/vtn2wLnv/