尝试将从Ajax GET请求接收的数据数组访问到免费API

Question

我看过Lynda视频，谷歌搜索它，我的代码看上去完全像他们的做法，但无法正常工作。我不明白为什么当我在console.log上登录xhr.responseText并尝试使用JSON.parse时什么都不是，但是随后出现语法错误：JSON.parse的JSON输入意外结束。这是我的代码：

btn.addEventListener("click", function(){
    let xhr = new XMLHttpRequest();

    xhr.open('GET', 'http://' + get_Flavors(url, key));
    xhr.send(); 

    console.log(xhr.responseText);
    let text = JSON.parse(xhr.responseText);
});