отправка запроса ajax

Question

Я использую ajax для перезагрузки части страницы. Когда пользователь нажимает на одну кнопку, часть страницы, заключенная в тег div, перезагружается. Но есть некоторое время между временем, с которого отображается запрос. и время получения ответа. Поэтому я хочу, чтобы в течение этого промежуточного времени в этом div отображалось некоторое изображение gif (например, загрузка). Когда получен ответ, что изображение gif должно исчезнуть Как я могу это сделать?

Answer 1

Использование JQuery:

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

Answer 2

Здесь вы можете найти некоторые загрузки гифы: 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; 
}