Question

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

由于

Answer 1

你可以通过jQuery来做到这一点。给按钮一个ID。然后在按钮上设置onClick事件。在您网页的某个位置放置<div>，其中包含文字Loading... Please wait。（您还可以添加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();
  });
});

在重定向页面上加载消息

1 个答案: