我在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();
});
});