JSON 对象 XHR 和闭包

Question

我有一个由 XHR 填充的 JSON 对象。然后，我需要使用单独的 XHR 调用中的值更新该对象。我遇到的问题是第二次调用没有在正确的时间进行，我认为这是我如何构造对象的问题。这是我所拥有的：

function Proprietary()
{
  var proprietary= this;
  this.Groups = {};
  this.getGroups = function()
  {
    $.getJSON(group_url,   function(data){proprietary.callReturned(data);});

  }


  this.callReturned = function(data)
  {
   //Do stuff
   for(var i=0; i< data.groups.length; i++)
   {
    insparq.Groups[i] = data.groups[i];
    $.getJSON(participant_url, function(p){proprietary.Groups[i].participants = p;});
    }

//the function call below is the action I want to occur after the object is populated. 
   PopulateGroups();
  }

};

Answer 1

该代码片段中似乎有很多奇怪的东西。

首先， $.getJSON(...) 采用第三个参数，这是您的回调。第二个参数是数据。我认为您正在传递一个函数作为数据参数。您需要在两个地方修复此问题。如果您不需要传递任何内容，只需将第二个参数设置为空对象 {} 即可。

这是在所有 XMLHttpRequest 从服务器返回后执行回调的一种通用方法。

this.callReturned = function(data) {

    var countdown = data.groups.length;
    function callback() {
        if(countdown-- === 1) {
            PopulateGroups();
        }
    }

    for(var i=0; i< data.groups.length; i++)
    {
        insparq.Groups[i] = data.groups[i];
        $.getJSON(participant_url, { /* data to send to server */ }, callback);
    }

}

在此代码片段中，每次从服务器返回 XMLHttpRequest 时都会执行回调函数。最后一个执行 PopulateGroups()，在倒计时从 data.groups.length 减到 1 后。