在重定向页面上加载消息


Loading message on redirecting page

我在html页面上有一个php付款按钮,当用户点击它时,他会被重定向到另一台服务器上的URL以完成付款。无论如何,重定向之前的加载时间通常太多,并且可能会使用户因几秒钟的不活动而感到困惑。您能建议如何使用户单击按钮后立即显示的消息文本和动画 gif 加载页面吗?因此,用户将意识到页面正在加载,并且他将很快被重定向到适当的URL?

谢谢

你可以通过jQuery做到这一点。为按钮指定一个 ID。然后在按钮上设置 onClick 事件。在您的页面中的某个地方放置一个包含文本Loading... Please wait<div>。(您也可以添加动画 gif。默认情况下,将此<div>隐藏。然后将此<div>设置为在用户单击按钮时显示。

<div id="load"> <img src="loading.gif"/> Loading... Please wait</div>
<button id='buttonID'>Button</button>
$(document).ready(function (){
  //This line below would hide the div when the page load by default
  $('#load').hide();
  //This would display when the user clicks the button
  $('#buttonID').click(function (){
    $('#load').show();
  });
});