在ajax load（）之后调用函数

Question

我在ajax load（）之后启动一个函数，但是我亲密的函数调用了另一个函数，该函数不起作用。 在load()之后如何启动ajaxstuff() load() ？

function ajaxstuff(data) {
    $.ajax({
        type: "POST",
        url: "do-it.php",
        data: {data},
        success: function() {
            console.log('I got this far'); // this doesn't work / isn't called
        }
    });
}

function doit() {
    $('form').submit(function(e) {
        e.preventDefault();
        var formData = new FormData(this);
        console.log('I got this far'); // this works
        ajaxstuff(formData);
    }
}

$('.popup-loader').click(function() {
    $(this).append('<div class="popup"></div>');
    $('.popup').load('popup.php', function() {
        doit(); // this works
    }
});

Answer 1

ajaxstuff函数中的语法错误。 data: {data},可能应该是data: data,

另外，当您将FormData对象传递给$ .ajax时，还必须指定processData: false和contentType: false

$.ajax({
    type: "POST",
    url: "do-it.php",
    data: data,
    processData: false,
    contentType: false,
    success: function() {
        console.log('I got this far'); 
    }
});

Answer 2

检查控制台中是否有错误，以及在AJAX中添加async选项。 将其设置为FALSE（“将async设置为false意味着您要调用的语句必须先完成才能调用函数中的下一条语句”）：

function ajaxstuff(data) {
    $.ajax({
        async: false,
        type: "POST",
        url: "do-it.php",
        data: data,
        success: function(result) {
             console.log(result); //check in your console for errors
        }
    });
}