正确的jquery ajax加载图像

Question

我在我的所有网站上使用这个函数ajax调用。我的问题是如何重写它有一个适当的预加载图像，因为我是一种骗子，如果页面花费太长时间来加载或404是加载图像永远不会消失。

function ajaxcall(my_url, my_div, my_data) 
{ 
    $(my_div).append('<div style="text-align:center; position:absolute; top:0; left:0; width:100%;"><img src="/images/loading.gif" /></div>'); 
    $.ajax({ url: my_url, 
     data: my_data, 
     type: 'get', 
     success: function(output) 
      { 
       $(my_div).html(output); 
      } 
    }); 
} 

问候

Answer 1

您可以使用error选项（参见http://api.jquery.com/jQuery.ajax/）写一个处理函数与404或超时交易即删除加载图像并以某种方式通知用户。

Answer 2

之后，ajax调用如果它是一个失败隐藏div。

否则你可以把图像放在另一个div上。最初它会被隐藏起来，并且在函数的开始处显示div和ajax调用后隐藏div是成功还是失败。