Question

http://i.imgur.com/eFjV8Uv.png

$("#login").on('click', function () {
    $(".login .col2, .login .signin, .login .close").fadeOut(500, function () {
        $(".login .spinner").fadeIn(500);
        var username = $("#username").val();
        var password = $("#pw").val();
        var data = "username="+username+"&password="+password;
        $.ajax({
            url: './api/prijava',
            method: 'POST',
            data: data,
            dataType: 'json',
            success: function(data) {
                if(data.odg == 1) {
                    $(".login .spinner").fadeOut(500, function() {
                        $(".login .msg").append('Prijava uspješna').fadeIn(500, function() {
                            window.location = "./";
                        });
                    });
                } else if(data.odg == 2) {
                    $(".login .msg").css('background-color', 'rgba(0, 255, 0, 0.5)').append('<span>Prijava uspješna! Dobrodošli...</span>').fadeIn(500, function() {
                        window.location = "./?first=true";
                    }); 
                }
            }, 
            error: function(err) {
                console.log(err);
            }
        });
    });
});

屏幕截图显示成功登录（本地语言）但它应该显示一次，而不是4次。如何才能加载一次，就是这样？

Answer 1

fadeOut的回调将针对每个所选元素运行一次。相反，您可以使用promise，因为它解析时只会运行一次：

$(selector).fadeOut(500).promise().then(function () {
    // do ajax call here
});

为什么我的AJAX运行了4次

1 个答案: