GIF картинка на все Ajax запросы
Когда создаются большие проеткы то ajax запросов тут ни как не обойтись. Ну и соответственно когда выполняется данный запрос пользователь не видит и даже не знает что происходит в данный момент. Чтобы показать что идет обращение в БД или к странице или обрабатывается какой то запрос необходимо поставить видет картинку GIF ну или еще что то.
Ну конечно же на каждый ajax запрос писать один и тот же код не приемлимо.
Конечно можно создать код типа
$.ajax({
type: 'POST',
url: 'ajaxform/captchaimg.php',
beforeSend: function(){
$('#spanimg').html(img/loading.gif);
},
success: function(msg){
$('#spanimg').html(msg);
}
Но минус такого кода что один и тот же текст придется писать всегда и везде.
Чтобы Данная картинка всегда появлялась во время ajax запроса можно написать такой простенький код
$.ajaxSetup(
{
global: true,
beforeSend: function(e){
$('#spanimg').html(img/loading.gif);
},
complete: function() {
$('#spanimg').html('');
}
});
Теперь при каждом запросе у вас всегда будет показываться картинка, а когда запрос закончит всю обработку данных то картинка изчезнет.