VanillaJS vs JQuery - 等待处理程序，直到完成两个异步请求

Question

我已经使用 JQuery 很长时间了，我熟悉其中的 AJAX-Calls。我经常遇到这样的情况，我必须等到多个请求完成后才能继续获得结果。JQuery 语法如下：    $.when(        $.ajax({            type: "POST",            url: '/Services/Service.asmx/GetResults1',            contentType: "application/json; charset=utf-8",            dataType: "json",            success: function (msg) {                ...            },            error: function (e) {                console.log('ERROR! ' + e.responseText);            }        }),        $.ajax({            type: "POST",            url: '/Services/Service.asmx/GetResults2',            contentType: "application/json; charset=utf-8",            dataType: "json",            success: function (msg) {                    ...                });            },            error: function (e) {                console.log('ERROR! ' + e.responseText);            }        })    ).done(function (result1, result2) {        // Do s.th. with result1 and result2 what is already        // available here        updateUI();        ...    });你怎么能在 VanillaJS 中做到这一点？

Answer 1

将此与您的 AJAX 请求进行比较：

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {

       receivedJSON = JSON.parse(xhttp.responseText);

       //Your success: function here...

    }else{

       //Your error: function here...

    }

};

xhttp.open("POST","/Services/Service.asmx/GetResults1",true);

xhttp.send(/**Your JSON Data**/);