2015-07-19 80 views
0

我一直试图延迟页面重新加载后,使用下面的脚本,但我不能让它工作。我想知道如果有人能帮助我。谢谢。提交后页面重新加载延迟JSP

按钮

<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脚本使用jQuery应该是类似的东西

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

回答

0

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

这意味着,你应该抓住表单提交事件,那么p避免默认操作,并在超时到期后重新加载页面。

编辑:

的情况下,你需要用延迟提交表单,不只是重新加载它:

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/

+0

的还可以防止表单数据将被发送到服务器。 – Loqman

+0

这个问题包含重新加载...没有提到关于提交,但它是必需的,而不是一个大的改变一点代码和提交数据。 – Reflective

+0

这是在标题:**提交后**页面重新加载延迟** JSP – Loqman