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/

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

1 个答案: