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

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

该叠加层将要做的是防止用户与您的页面进行交互。

另一种方法是：

不预先将事件附加到要在其上调用服务的按钮。 并且每当文档准备就绪时，将调用服务的事件附加到按钮上。