在jquery.ajax作业完成之后我想隐藏加载器;怎么做？

Question

我的目标是：

1. 按cshtml页面中的按钮 2.按下后，动作转到角度功能。 3.在角度函数中，我将一些数据发送到mvc控制器函数
2. 该功能会创建一些带有一些信息的例外。
3. 当进程继续时，加载程序gif出现在屏幕上，告诉用户加载数据。

到目前为止，一切都在进行中。 我想在控制器中创建excel时使用loader.gif hide。我想是这样的：当从控制器创建excel时，在cshtml中应该完成该过程，并且在qjuery.ajax函数中，应该知道这个动作隐藏loader.gif。但是怎么样？我怎样才能做到这一点？有人可以帮帮我吗？

我的角度函数在图片上：

Answer 1

将其放入cshtml

 <div id="LoadingDiv"></div>

执行Ajax函数之前

$('#LoadingDiv').html('');
$('#LoadingDiv').fadeTo('slow', 0.8);
$('#LoadingDiv').append('<div><img src="@Url.Content("~/Images/loader.gif")"/></div>');

ajax的成功和错误功能

$('#LoadingDiv').fadeOut('slow');

Answer 2

检查你是否也这样做？

$('#loaderDiv').html('');
$('#loaderDiv').fadeTo('slow', 0.8);
$('#loaderDiv').append('<div><img src="@Url.Content("~/Images/loader.gif")"/></div>');

$.ajax({
url: '',
type: "POST",
data: data,
success: function (result) {
$('#loaderDiv').fadeOut('slow');                           
},
error: function () {
$('#loaderDiv').fadeOut('slow');            
}