javascript - 在 POST 之前进行提交延迟

Question

我有按钮

   <UpdatePanel>
         <asp:Button CssClass="btn-send" runat="server"
              OnClick="SendMessage" Text="Send" />
    </UpdatePanel>

服务器端方法

protected void SendMessage(object sender, EventArgs e){...}

我需要在 POST 之前做一点延迟并显示进度条动画。我想为此使用 javascript (jquery)。

如何进行延迟提交
1) 没有服务器延迟
2) 没有带客户端脚本的第二个按钮，哪个点击服务器按钮？

Answer 1

你可以试试这样的……

<asp:Button runat="server" OnClick="SendMessage" Text="Send"
   OnClientClick="return sendMessage(this);" />

<script type="text/javascript">
  var sendBtn = null;
  function sendMessage(btn){
    if(sendBtn==null){
      sendBtn = btn;
      window.setTimeout(function(){ sendBtn.click(); }, 1000);
      // DO YOUR VISUAL STUFF HERE
      return false;
    }else{
      return true;
    }
  }
</script>

想法是点击按钮首先存储按钮对象，设置点击按钮的超时时间，然后做你想做的视觉上的事情。

然后一秒后，再次点击按钮(这次不做超时部分)

(我还没有时间学习 jquery，但我确信有一种更简单的方法可以用它来做到这一点)