如何使用API​​调用的结果进行另一次调用？

Question

我希望有人可以帮助我，因为我无法让它发挥作用而且非常令人沮丧。

我有以下代码

var getJSON = (url, callback) => {


    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'json';

    xhr.onreadystatechange = function() {

       if (xhr.readyState === 4 && xhr.status === 200) {
           callback(xhr.response);
       }
    };
    xhr.send();
};

我想用它从给定的url中获取一个json对象，但在函数内部我想使用响应来获取另一个json对象。

var func1 = (url) => {
   getJSON(url, (data) => {
       //Do smth here with the data and then for example
       func2('https://someurl.com/api/somefunction/' + data.smth.age);
   });
}

现在的问题是func2数据会null或undefinded，之后就无法运作。

此外，我有两个以上的功能试图呼叫getJSON。

我希望有人有解决方案。