发送ajax请求

Question

我正在使用ajax重新加载页面的一部分。当用户单击一个按钮时，用div标记包围的部分页面被重新加载。但是从显示请求的时间到以及获得响应的时间。所以我希望在这个中间时间内应该在该div中显示一些gif图像（如加载）。 当获得响应，gif图像应该消失 我该怎么做？

Answer 1

使用jQuery：

$('#mydiv').html('<img src="ajax.gif"> Loading...').load(...); 

Answer 2

在这里，你可能会发现一些加载的GIF： http://www.ajaxload.info/

Answer 3

如果你使用标准的JavaScript，你可能会需要做这样的事情：

document.getElementByID('yourdiv').innerHTML = '<img src="loading.gif" />'; 
/* your other ajax code .. */ 
if(xhr.status == 200){ 
    document.getElementByID('yourdiv').innerHTML = xhr.responseText; 
}