关于数据加载的JQuery Progress Image

时间:2012-07-04 11:51:45

标签: jquery jquery-ui

退出jquery新手。

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

如果可能,我想显示进度条,如下所示: http://ajaxload.info/

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

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

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

再次感谢。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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