jquery - 在 AJAX 请求上使用 jQuery 淡入？

Question

我有一个使用 AJAX 和 PHP 将数据插入我的数据库的表单。

AJAX

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

是否可以使用 jQuery 让我的数据淡入 #bills div？

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