AJAX递归回调完成

Question

我有一个需要通过批处理过程删除的数据库。 如下代码所示，根据数据库的大小，可以有任意多个step （当前批处理迭代）。 我想将函数redirect_to_homepage()放在下面的代码中的某个位置，以便在上一个批处理过程之后将其重定向到新页面。 当前，它会在response.success为true时立即重定向，相反，我希望它等待delete_all_data()所有迭代完成然后重定向。 我该如何实现？

jQuery.ajax({
    url: ajaxurl,
    type: 'POST',
    data: {
        'action': 'deactivation_form_submit',
        'form-data': form_data,
    }
}).done( function( response ) {

    if ( response.success ) {
        if ( response.data.delete_data ) {
            delete_all_data( 1, form_data );
        }

        redirect_to_homepage();
    }
});

// This is a recursive AJAX function.
function delete_all_data( step, form_data ) {
    jQuery.ajax({
        url: ajaxurl,
        type: 'POST',
        data: {
            'form': form_data,
            'action': 'give_do_ajax_export',
            'step': step,
        },
        dataType: 'json',
    }).done( function( response ) {
        if ( true !== response.success && ! response.error ) {
            delete_all_data( parseInt( response.step ), form_data );
        }
    });
}

Answer 1

您可以传递redirect_to_homepage()方法作为回调，该回调将在达到所需条件时执行。

jQuery.ajax({
    .....
}).done( function( response ) {
    if ( response.success  response.data.delete_data ) {
         delete_all_data( 1, form_data, redirect_to_homepage ); //Pass function reference   
    }
});

// This is a recursive AJAX function.
function delete_all_data( step, form_data, cb ) {
    jQuery.ajax({
       .....
    }).done( function( response ) {
        if ( true !== response.success && ! response.error ) {
            delete_all_data( parseInt(response.step,10), form_data, cb);  //Pass function reference   
        }else{
            //At present assuming this 
            //Invoke the callback function 
            cb();  
        }
    });
}

Answer 2

一种选择是对您的delete_all_data ajax调用使用同步ajax调用，如下所示

function delete_all_data( step, form_data ) {
    jQuery.ajax({
        url: ajaxurl,
        async:false,
        type: 'POST',
        data: {
            'form': form_data,
            'action': 'give_do_ajax_export',
            'step': step,
        },
        dataType: 'json',
    }).done( function( response ) {
        if ( true !== response.success && ! response.error ) {
            delete_all_data( parseInt( response.step ), form_data );
        }
    });
}

这将停止执行重定向，直到执行完最后一个delete_all_data调用为止。

其他选项，如果您不想使用同步调用，则将函数用作如下函数

function delete_all_data( step, form_data ) {
    jQuery.ajax({
        url: ajaxurl,
        async:false,
        type: 'POST',
        data: {
            'form': form_data,
            'action': 'give_do_ajax_export',
            'step': step,
        },
        dataType: 'json',
    }).done( function( response ) {
        if ( true !== response.success && ! response.error ) {

            if(response.step != last) {/// check if this is not the last step
            delete_all_data( parseInt( response.step ), form_data );
           }
           else{
                ////// Your redirection code goes here (function call or direct window.location.href)
            }
        }
    });
}

让我们知道是否有帮助