发送ajax请求

Question

我正在使用ajax来重新加载页面的一部分。当用户点击一个按钮时，重新加载包含div标签的页面部分。但是从显示请求到时间之间有一段时间获得了响应。所以我希望在这个中间时间，一些gif图像（如加载）应该显示在该div中。 当获得响应时，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; 
}