等到我所有的ajax函數都完成后，再繼續執行我使用過的async：false，但這與性能無關

Question

validateStepOneChannelData: function(callback)
    {
        var response = {error: false, data: {}};
        var error  = false;
        var action = $("#action").val();

        $.ajax({
        type: "POST",
        url: '/verifyEmailAddressByKickBox',
        dataType: "json",
        async:false,
        data: ({email: $("#email").val()}),
        beforeSend:function(){
            $('#next_box1_button').prop('disabled', true).addClass('hy-loading-btn');
            $('#saveChannel').prop('disabled', true).addClass('hy-loading-btn');
        },
        success: function(res) {
                $('#next_box1_button').prop('disabled', false).removeClass('hy-loading-btn');
                $('#saveChannel').prop('disabled', false).removeClass('hy-loading-btn');
                if (res.status == 'F') {
                    error = true;
                    response.data.email = 'Please enter valid email address.';
                }

            }
        });

        if (error)
        {
            response.error = true;
        }

        callback(response);

我需要等到我所有的ajax函數都完成后，再繼續執行我使用async：false的執行，但這與性能無關。 它凍結了瀏覽器，直到沒有ajax請求。

我們在這里如何使用回調首先獲取響應並執行其余的塊。

請指教。

Answer 1

我相信這種方式可以為您提供幫助

function ajaxCall(url,type,data = {}){

    return $.ajax({

        type:type,
        url:url,
        data:data

    })
}

 ajaxCall("url.php","post", {data:data} ).then(function(r){

    // something what you need to do after ajax

 })