jquery - AJAXリクエストでjQueryでフェードインしますか？

Question

AJAXとPHPを使用してDBにデータを挿入するフォームがあります。

AJAX

function insertBill()
{
    $.post('insert_bill.php', $('#insertbill').serialize(), 
        function(data) {
        $('#bills').append(data);
    });
};

jQueryを使用してデータを#billsdivにフェードインさせることは可能ですか？

Answer 1

さまざまなバリエーションで以下を使用できます。

function insertBill() {
    $.post('insert_bill.php', $('#insertbill').serialize(), 
        function(data) {
        $('#bills').hide().append(data).fadeIn("slow");
    });
}

次のように、サイトの読み込み時にcssを介して#Billsを非表示にするか、送信時に非表示にすることもできます。

function insertBill() {
    $.ajax({
        url: 'insert_bill.php',
        data: $('#insertbill').serialize(),
        type: 'post', 
        beforeSend: function(jqXHR, settings) {
            $('#bills').hide();
        },
        success: function(data, textStatus, jqXHR) {
            $('#bills').append(data).fadeIn("slow");
        },
    });
}

Answer 2

$('#bills').hide().append(data).fadeIn(400);