Как правильно вернуть результат в php/ajax?

Question

[Евгений Крамор]

Добрый день. Есть следующий код:

function addPosts() {
            $.ajax({
                type: 'post',
                url: "/example.php",
                cache: false,
                response: 'text',
                success: function(data) {
                    $("#getNotice").html(data);
                }
            });
        }

После возвращения данных в #getNotice необходимо скрыть данные через некоторое время. Пробовал delay(3000).fadeOut(), но вся проблема в том, что после скрытия они больше не появляются.

Работает следующим образом: пользователь нажимает на кнопку и получает уведомление о том, что его данные были успешно добавлены, но при повторном нажатии уведомление не приходит.

Рассматривал show() и hide(), но мне кажется, что я не туда смотрю и не совсем правильно делаю.

Спасибо!

Answer 1

[ThunderCat]

все просто, вы немного не додумали

success: function(data) {
                    $("#getNotice").html(data);
                    $("#getNotice").show(); // на уже показанный объект никак не влияет
                    $("#getNotice").fadeOut(3000); // фэйд в течение 3 сек.
                }

Comments

[Евгений Крамор]

Спасибо, разобрался!

Answer 2

[Troodi Larson]

Как раз таки правильно смотрели, только прячьте по таймауту.

Answer 3

[Виталий]

setTimeout(function(){
$("#getNotice").addClass('hidden'); // добавить класс, который display: none;
}, 3000);

Comments

[Евгений Крамор]

Спасибо!