Как я могу показать AJAX-загрузки при получении какой-либо информации из базы данных?

Question

Я использовал jQuery с Ajax. По этому коду он отлично работает

$.ajax({
                type : 'POST',
                url: 'http://localhost/msite/index.php/site/ajax',
                data : catdata,
                success : function (msg){
                    $('body').html(msg);
                }
                });

, но я хочу показать ajax-загрузку gif при получении этой информации из базы данных?

И это так secure Или мне нужно добавить к нему немного безопасности?

Answer 1

$('body').html("<img src='spin.gif' />").fadeIn(100, function () {
   $.ajax({
    type: 'POST',
    url: 'http://localhost/msite/index.php/site/ajax',
    data: catdata,
    success: function (msg) {
        $('body').html(msg);
      }
    });
});

Answer 2

Я считаю, что вы должны сделать это самостоятельно в JQuery. Создайте скрытое изображение на странице, вызовите .show () непосредственно перед вызовом команды ajax и обязательно вызовите .hide () внутри события complete ...

complete: function () {
    $("#ticker").hide();
}

Вы можете загрузить подходящее изображение с ajaxload.info .

Answer 3

Если вы сделаете запрос к базе данных синхронным на сервере, то ваш Ajax будет вращаться, пока обрабатывается запрос, включая запрос к базе данных и запрос / ответ сервера.