jquery - 使用 jquery 提交的浏览器

Question

在提交表单时，我会显示一条阻塞消息“请稍候”，代码如下:

$(document).ready(function() { 
  $('form').submit(function() {
    $.blockUI({ message: "<h1 id='waitingmessage'>Plz wait ...</h1>" });
  });
}); 

这对我来说没问题。

如果用户现在按 F5，浏览器会要求重新提交。用户被允许。但是上面的脚本不会再触发了。

如何使用 jquery 触发重新提交，从而仍然显示等待消息？

谢谢

克里斯

编辑:表单的提交转到与表单相同的地址。我只在 Controller 端区分 GET 和 POST。如果是 POST，我处理接收到的数据，否则我只显示空白表格。允许用户发送数据两次或任意频率。所以在第一次 POST 之后，用户可以按 F5 重新提交数据，他完全可以这样做。只是waiting消息没有再出现了。所以我可能需要一个更通用的解决方案“onpost”。有这样的东西吗？

解决方案:

$(document).ready(function() { 
   $('form').submit(function() {
      $.blockUI({ message: "<h1 id='waitingmessage'>Bitte warten ...</h1>" });
   });

   $(window).keydown(function(event){
      if (event.keyCode == '116' && '${request.method}' == 'POST') {
         $.blockUI({ message: "<h1 id='waitingmessage'>Bitte warten ...</h1>" });
      }
   });
});

并且 request.method 设置在服务器端并且是“GET”或“POST”因此我知道用户来自哪里。

Answer 1

看来我也没有完美的解决方案。我只会为第一个 F5 事件

<script type="text/javascript">
$(function ()
{
    $(window).keydown(function (e)
    {

        if(e.keyCode == 116){
            submitform();
            return false;
        }
        alert(e.keyCode);
    });
})

function submitform()
{
    alert("hello");
}
</script>

<form id="myform" action='test.php'>
    <input id="submit" type="submit" onclick="submitform(); return false;"/>
</form>