blocks|key|336389|text|你在使用UpdatePanel吗？或者你在使用像Jquery这样的Javascript库？如果是前者，则可以将涡流添加到UpdateProgress。如果是后者(JQuery)，则可以在.ajaxStart()方法上触发图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|336390|HTH|336391|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Are you using UpdatePanel? or Are you using Javascript libraries like Jquery? If former then you can add the swirl to UpdateProgress if the latter (JQuery) then you can trigger the image on .ajaxStart() method.

HTH

blocks|key|1633821|text|如果你使用的是UpdateProgress/UpdatePanel，这里有一些示例：http://www.asp.net/Ajax/Documentation/Live/overview/UpdateProgressOverview.aspx|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1633822|下面是一个使用UpdateProgress加载gif的示例：|1633823|<asp:UpdateProgress+ID="updProg"+AssociatedUpdatePanelID="updPnl"+DisplayAfter="0"+runat="server">
++++<ProgressTemplate>
++++++++<div+id="progInd">
++++++++++++<img+id="indic"+src="/images/loadgifs/z.gif"+alt="..."+/>
++++++++</div>
++++</ProgressTemplate>
</asp:UpdateProgress>++

<asp:ScriptManager+ID="sm"+runat="server"+/>

<asp:UpdatePanel+ID="updPnl"+runat="server">
<ContentTemplate>
++++++++...
++++<asp:Timer+ID="tmrTrigPostbk"+runat="server"+Interval="10"+/>
</ContentTemplate>
<Triggers>
++++<asp:AsyncPostBackTrigger+ControlID="tmrTrigPostbk"+EventName="Tick"+/>
</Triggers>++++
</asp:UpdatePanel>

protected+void+Page_Load(object+sender,+EventArgs+e)
{
++++tmrTrigPostbk.Enabled+=+!IsPostBack;
}|code-block|syntax|javascript|1633824|entityMap|0|LINK|mutability|MUTABLE|url|http://www.asp.net/Ajax/Documentation/Live/overview/UpdateProgressOverview.aspx^0|16|27|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

If you're using UpdateProgress/UpdatePanel, here are some samples: <a href="http://www.asp.net/Ajax/Documentation/Live/overview/UpdateProgressOverview.aspx" rel="nofollow noreferrer">http://www.asp.net/Ajax/Documentation/Live/overview/UpdateProgressOverview.aspx</a>

Here is a loading gif sample using UpdateProgress:

<pre><code>&lt;asp:UpdateProgress ID="updProg" AssociatedUpdatePanelID="updPnl" DisplayAfter="0" runat="server"&gt;
 &lt;ProgressTemplate&gt;
 &lt;div id="progInd"&gt;
 &lt;img id="indic" src="/images/loadgifs/z.gif" alt="..." /&gt;
 &lt;/div&gt;
 &lt;/ProgressTemplate&gt;
&lt;/asp:UpdateProgress&gt; 

&lt;asp:ScriptManager ID="sm" runat="server" /&gt;

&lt;asp:UpdatePanel ID="updPnl" runat="server"&gt;
&lt;ContentTemplate&gt;
 ...
 &lt;asp:Timer ID="tmrTrigPostbk" runat="server" Interval="10" /&gt;
&lt;/ContentTemplate&gt;
&lt;Triggers&gt;
 &lt;asp:AsyncPostBackTrigger ControlID="tmrTrigPostbk" EventName="Tick" /&gt;
&lt;/Triggers&gt; 
&lt;/asp:UpdatePanel&gt;

protected void Page_Load(object sender, EventArgs e)
{
 tmrTrigPostbk.Enabled = !IsPostBack;
}
</code></pre>

blocks|key|1633861|text|我使用jQuery+BlockUI插件使这项工作变得非常容易，即使在页面上的某个区域中也是如此。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1633862|http://malsup.com/jquery/block/|offset|length|1633863|下面是一个对服务器进行AJAX调用的示例：|1633864|++++function+GetNewContactInfo(contactId)+{

++++if+(0+===+contactId)+{
++++++++showErrorMsg('You+must+select+a+Contact+to+Retrieve');
++++++++return;
++++}

++++var+request+=+{
++++++++ContactId:+0
++++};

++++wjBlockUI();

++++request.ContactId+=+contactId;

++++ContactServiceProxy.invoke({+serviceMethod:+"GetContact",
++++++++data:+{+request:+request+},
++++++++callback:+function(response)+{
++++++++++++DisplayNewContactInfo(response);
++++++++},
++++++++error:+function(xhr,+errorMsg,+thrown)+{
++++++++++++postErrorAndUnBlockUI(xhr,+errorMsg,+thrown);
++++++++}
++++});

}|code-block|syntax|javascript|1633865|在DisplayNeewContactInfo函数中，我调用$.unblockUI()；来接收消息。我在包装器函数中实际调用了BlockUI调用：|1633866|function+wjBlockUI(msg)+{

var+defaultMsg+=+'<img+src="../images/activity.gif"+/>';

if+(null+!==+msg)+{
++++defaultMsg+=+msg
}

$.blockUI({+overlayCSS:+{+backgroundColor:+'#aaa'+},+message:+defaultMsg+});|1633867|}|1633868|您可以下载这些示例的整个项目，http://professionalaspnet.com/WCFJQuery.zip|1633869|entityMap|0|LINK|mutability|MUTABLE|url|1|http://professionalaspnet.com/WCFJQuery.zip^0|0|0|V|0|0|0|0|0|0|0|F|17|1|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|F|3|G|5|6|7|18|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1B|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|U|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|C]]|11|$5|X|Y|Z|A|$10|12]]]]

I use the jQuery BlockUI plugin to make this pretty easy to do, even inside an area on the page, say a dialog box. 

<a href="http://malsup.com/jquery/block/" rel="nofollow noreferrer">http://malsup.com/jquery/block/</a>

here is an example making an AJAX call to the server:

<pre><code> function GetNewContactInfo(contactId) {

 if (0 === contactId) {
 showErrorMsg('You must select a Contact to Retrieve');
 return;
 }

 var request = {
 ContactId: 0
 };

 wjBlockUI();

 request.ContactId = contactId;

 ContactServiceProxy.invoke({ serviceMethod: "GetContact",
 data: { request: request },
 callback: function(response) {
 DisplayNewContactInfo(response);
 },
 error: function(xhr, errorMsg, thrown) {
 postErrorAndUnBlockUI(xhr, errorMsg, thrown);
 }
 });

}
</code></pre>

Inside the DisplayNeewContactInfo function I call $.unblockUI(); to take the message away. I have the actual invoking of the BlockUI call in a wrapper function:

<pre><code>function wjBlockUI(msg) {

var defaultMsg = '&lt;img src="../images/activity.gif" /&gt;';

if (null !== msg) {
 defaultMsg = msg
}

$.blockUI({ overlayCSS: { backgroundColor: '#aaa' }, message: defaultMsg });
</code></pre>

}

You can download the entire project these examples came from, <a href="http://professionalaspnet.com/WCFJQuery.zip" rel="nofollow noreferrer">http://professionalaspnet.com/WCFJQuery.zip</a>

How can I display the circular swirl image, that is usually seen in asp.net pages, while a page is loading (retrieving data etc)?

asp.net page "page is loading"

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在页面加载(检索数据等)时，如何显示asp.net页面中常见的圆形旋转图像？

问asp.net页面“页面正在加载”
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问asp.net页面“页面正在加载”EN