Asp.net mvc 在mvc中加载gif
我的控制器中有这样一个方法Asp.net mvc 在mvc中加载gif,asp.net-mvc,Asp.net Mvc,我的控制器中有这样一个方法 public string UpdateResource() { Thread.Sleep(2000); return string.Format("Current time is {0}", DateTime.Now.ToShortTimeString()); } 我在我的查看页面中有一个html按钮,当我点击这个按钮时,我希望加载的gif图像出现,然后在2000毫秒后消失。下面是我的html <input type="button" id=
public string UpdateResource()
{
Thread.Sleep(2000);
return string.Format("Current time is {0}", DateTime.Now.ToShortTimeString());
}
我在我的查看页面中有一个html按钮,当我点击这个按钮时,我希望加载的gif图像出现,然后在2000毫秒后消失。下面是我的html
<input type="button" id="btnUpdate" value="Update" />
<img id="loading" src="/Images/ajax-loader.gif" alt="Updating ..." />
<div id="result"></div>
如何调用控制器方法。我已经看到了Html.ActionLink
,但我希望这是一个点击按钮,而不是一个超链接
请帮助首先更改为
UpdateResource
方法。现在它返回ActionResult:
public ActionResult UpdateResource()
{
Thread.Sleep(5000);
return Content(string.Format("Current time is {0}", DateTime.Now.ToShortTimeString()));
}
加载文档时,我们必须隐藏图像,因此我们将图像标记更改为:
<img id="loading" src="../../Content/progress.gif" alt="Updating ..." style="display: none;" />
加载文档时,我们将为您的按钮设置单击操作。它显示进度,然后使用ajax获得ActionResult。当ActionResult返回时,我们将隐藏进度并使用返回的数据设置#result div的内容
<script type="text/javascript">
$(document).ready(
function() {
$('#btnUpdate').click(
function() {
$('#loading').show();
$.get('<%= Url.Action("UpdateResource") %>', {},
function(data) {
$('#result').html(data);
$('#loading').hide();
});
}
);
}
);
</script>