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");
        },
    });
}