Question

我有一个像这样的jQuery get请求

get('myfile.php', function(data) {
   alert(data);
}

它工作正常但有时可能需要很长时间才能处理myfile.php

如何为此添加一个微调器gif，以便它向用户提供一些指示它正在加载？

我可以使用某种成功功能来隐藏和显示一个吗？

Answer 1

当然，在调用$.get之前显示加载程序。

获得结果后，再次隐藏它。

$('.loaderDiv').show();
get('myfile.php', function(data) {
   alert(data);
   $('.loaderDiv').hide();
}

或者我喜欢做的是改变光标：

$('body').css('cursor','progress');
get('myfile.php', function(data) {
   alert(data);
   $('body').css('cursor','default');
}

Answer 2

是的..只需将你的showSpinner声明称为例如，在您的异步请求之前$('.spinner').show()。然后将其隐藏在成功回调中，您可以在此处收到警报。

get('myfile.php', function(data) {
   $('.spinner').hide()
   alert(data);
}

Answer 3

您可以使用HTML / CSS微调器，而不是显示gif。以下是对此的解释：https://www.w3schools.com/howto/howto_css_loader.asp

您必须默认隐藏该微调器并在异步调用之前显示它（例如jquery ngDoCheck() { if (this.oldVal !== this.project.startTime) { this.theFunctionThatIWantToRun(); this.oldVal = this.project.startTime;; } }函数）。

在成功函数中（你有.show()，你隐藏它（例如jquery函数alert(data);）

加载请求显示微调器

3 个答案: