のAJAX要求はjQueryでフェードインされますか？

Question

私はAJAXとPHPを使って自分のDBにデータを挿入するフォームを持っています。

AJAX

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

#bills divのに私のデータのフェードを持つことにjQueryを使用して、それは可能ですか？

Answer 1

あなたはさまざまなバリエーションで次のように使用することができます。

また#Billsサイトの負荷にCSSを経由して隠されている可能性があります。また、次のようにそれが提出隠すことができ

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

：

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);