javascript - 全局传递 xhr onload 函数的值

Question

在我正在创建的应用程序中，我有以下 XMLHttpRequest，我试图将 xhr.onload() 中的 data 结果传递到一个数组中这是在同一个父函数中创建的。

var url = 'http://api.soundcloud.com/resolve.json?'+resource+'&'+CLIENT_ID;
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function(){
    var data = JSON.parse(xhr.responseText);
    console.log(data.permalink_url);
};
xhr.send();

在此之下，我有一个数组的构建 block ，我正在尝试将数据结果传递到轨道字符串中。

var metadata = {
        id: val,
        title: title,
        url: posturl,
        track: data.permalink_url
      };

到目前为止，我尝试过的所有操作要么返回 undefined 要么返回 function，现在我完全没有想法了......

Answer 1

Ajax 异步执行(通常)。这对于 Ajax 的工作方式至关重要。这意味着您不能指望 何时 onload 方法会触发，甚至如果 它会触发。这意味着所有依赖于 xhr.responseText(HTTP 请求的结果)的代码都必须在回调本身中完成。例如:

xhr.onload = function () {
    // This will execute second
    doStuffWithData(JSON.parse(xhr.responseText));
}
// This will execute first
xhr.send();
var anything = anythingElse;