我的应用程序对一个Action方法(ASP .NET MVC)进行多次调用，该方法返回一个Json对象。当应用程序正在等待此方法返回其数据时，我想在页面中央显示一个加载动画。我该如何做到这一点？我知道我应该使用JQuery，但这是我所知道的。
解决方法
我在Site.Master中定义了两个函数：
<script type="text/javascript">
var spinnerVisible = false;
function showProgress() {
if (!spinnerVisible) {
$("div#spinner").fadeIn("fast");
spinnerVisible = true;
}
};
function hideProgress() {
if (spinnerVisible) {
var spinner = $("div#spinner");
spinner.stop();
spinner.fadeOut("fast");
spinnerVisible = false;
}
};
</script>
特殊部分：
<div id="spinner">
Loading...
</div>
视觉样式在CSS中定义：
div#spinner
{
display: none;
width:100px;
height: 100px;
position: fixed;
top: 50%;
left: 50%;
background:url(spinner.gif) no-repeat center #fff;
text-align:center;
padding:10px;
font:normal 16px Tahoma,Geneva,sans-serif;
border:1px solid #666;
margin-left: -50px;
margin-top: -50px;
z-index:2;
overflow: auto;
}
