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