jquery - 数据加载时的 JQuery 进度图像

Question

退出 jquery 新手。

我有一个加载大量数据的 Web 应用程序。问题是加载图表上显示的数据需要 2 分钟。

如果可能的话，我想显示如下所示的进度条：http: //ajaxload.info/

成功加载数据后，我想停止并加载图表。此外，在单击按钮时，向服务器发出请求，并根据按钮单击重新加载另一组数据。虽然它正在加载数据，但希望显示相同的进度圈。

我正在使用 $.ajax 发出服务器请求。

如果有人可以请帮助将不胜感激。

再次感谢。

Answer 1

$('#loading-image').show();
$.ajax({
      url: uri,
      cache: false,
      success: function(html){
        $('.info').append(html);
      },
      complete: function(){
        $('#loading-image').hide();
      }
    });

Answer 2

我正在使用一种技术，其中保存数据的 div 默认包含滚动图像，我创建了一个 jquery 加载函数，它将替换保存滚动图像的 div 内的加载函数的结果，这样滚动图像加载数据时消失。