发送ajax请求答案

【问题标题】：sending ajax request发送ajax请求
【发布时间】：2009-09-23 18:25:22
【问题描述】：

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

【问题讨论】：

您使用的是什么 AJAX 框架？答案显然取决于此。
我没有使用任何框架。我使用简单简单的 ajax

标签： javascript html ajax

【解决方案1】：

使用 JQuery：

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

【讨论】：

我不想使用 jquesry。我想使用普通的 ajax

【解决方案2】：

您可能会在此处找到一些加载 gif： http://www.ajaxload.info/

【讨论】：

【解决方案3】：

如果您使用的是标准 javascript，您可能需要执行以下操作：

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

【讨论】：