Question

我试图在我的网页表单之间显示某种加载图标。由于调用了Web服务，有些页面需要一段时间才能加载。

我正在尝试在这些页面重定向期间实现加载微调器，直到页面准备就绪。

我试图用一个简单的方法来实现这个目标：

Jquery
$(window).load(function () {
    $('#LoadingPanel').fadeOut(2000);
})

html
<div id="LoadingPanel" style="background-image: url(Images/loading_spinner.gif); background-position: center center; background-repeat: no-repeat; background-size: 100px 100px; height: 100px; width: 100px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin: -25px 0 0 -25px">
</div>

唯一的问题是，在页面加载到一分钟之前，它实际上是不会出现的。

我想要实现的目标是什么？任何指导都将不胜感激。

更新

第1页：在第一页上，用户填写表单，然后点击一个按钮，该按钮将保存用户条目，然后重定向到另一个页面。

Protected Sub Btn_BestBuy_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Btn_BestBuy.ServerClick

    StoreDetails(sender, e)
    Response.Redirect("Plugin.aspx?step=4&results=best&stdid=" & STDID.Value & "&stid=" & STID.Value & IIf(Session("sid") <> "", "&sid=" & Session("sid"), ""))

End Sub

StoreDetails（）将用户条目保存到数组，然后将数组移动到会话：

Application("DETAILS_ARRAY") = DetailsArray

Page2：页面第二页使用第一页中输入的详细信息进行Web服务调用：

If Request.QueryString("results") = "best" Then

    GetSchemes(Service.PublicBestType.ALL)

End If

GetSchemes调用Web服务并将所有数据返回到会话中，该会话绑定到页面加载底部的网格视图。

发生的情况是，当页面开始将数据绑定到网格时，将显示“加载”图标。

Answer 1

当你在评论中写下

单击按钮时应显示图标。它应该在页面重定向期间保持可见，并在第二页准备就绪后最终隐藏。

在完成网络服务电话后加载一个完整的新页面？

为什么你不给你的loadingPanel＆＃34;显示：无＆＃34;并在按钮单击事件中显示加载div？

jQuery(document).on("click", "#yourBtn", function(event) {
    jQuery("#LoadingPanel").show();
    //your webservice call
});

最后加载第二页时，LoadingPanel处于基本状态 - ＆gt; display：none;

在Page.Redirect期间显示加载图标

1 个答案: