如何在撤消页面加载时显示警报

Question

我的jsp页面调用Web服务，重定向到下一页需要一些时间。我想通过向用户发出警报来阻止用户单击调用Web服务的按钮。

我该怎么做？提前谢谢。

Answer 1

您可以创建.overlay

.overlay {
   position:absolute; 
   display:block;
   top:0; 
   left:0; 
   width:100%; 
   height:100%; 
   background:transparent;  /* or you may assign it some color or image */
   z-index:1000;
} 

覆盖整个页面。并将click事件附加到.overlay，如下所示：

$('.overlay').on('click', function(){
    alert('Please wait! Let the page be loaded first..');
});

当页面准备就绪时，请移除叠加层。

$(document).ready(function(){
   $('.overlay').hide();
});

此叠加层的作用是阻止用户与您的网页进行互动。

替代方式，将是：

不预先将事件附加到您正在呼叫服务的按钮上。每当文档准备就绪时，将调用服务的事件附加到按钮。