對異步函數進行回調

Question

我可以編寫一個回調函數，該函數將停止執行一個腳本，直到完成另一個腳本為止。 我在這里找到的。

dosomething(4, function () {
    console.log("finished loop");
});


function dosomething(delay, callback) {

    for (var i = 0; i < 100; i++) {
        $("body").append(i + "<br>");
    }
    alert("done");
    if (typeof callback == "function") callback();

}

小提琴

但是，這不適用於異步功能。 我認為這就是原因。

doAjax(4, function () {
    console.log("finished ajax");
});

function doAjax(delay, callback) {
    $.ajax({
        type: "post",
        url: "/echo/html/",
        data: {
            html: "some content",
            delay: 4
        },
        dataType: 'html',
        success: function () {
            console.log("ajax done");
        }
    });

    if (typeof callback == "function") callback();
}

小提琴

我知道問如何為異步請求合並我自己的回調有點愚蠢，因為jQuery內置了它們，而我只是使用了一個，但是我想知道如何實現。 它與編寫整個Promise庫一樣復雜嗎？

Answer 1

請求完成后，您不會再調用回調。

...
//HERE!
success: function(data){
  if (typeof callback == "function") callback(null, data);
},
error: callback
...
//NOT BELOW