我只是想知道如何显示指示异步请求正在运行的图像。我使用以下代码执行异步请求:
$.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } });
有任何想法吗?
当然,您可以在发出请求之前显示它,并在请求完成后隐藏它:
$('#loading-image').show(); $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); }, complete: function(){ $('#loading-image').hide(); } });
我通常更喜欢将其绑定到全局ajaxStart和ajaxStop事件的更通用的解决方案,这样它就可以显示在所有ajax事件中:
$('#loading-image').bind('ajaxStart', function(){ $(this).show(); }).bind('ajaxStop', function(){ $(this).hide(); });