從每個循環內運行函數（ajax.response）

Question

我在嘗試從每個循環內將數據傳遞給函數時遇到問題。我粗略地粘貼了下面的代碼。基本上，函數A獲取JSON數據，並將響應傳遞給函數B.然後，我想將每個響應項傳遞給functionC，以便將它們添加到數組中以使用Google地圖繪製標記。任何幫助，將不勝感激。謝謝

if(app == undefined) var app = {}; 

app.Application = function() { 

this.functionA = function(){ 
     var self = this; 

     var urlHash = location.hash; 
    accessToken = urlHash.split('=')[1]; 

    if (!accessToken) { 
     return false; 
    } else { 
     $.getJSON(instaAPIuri+"users/" + id + "/media/recent?access_token=" + accessToken + "&callback=?", self.functionB); 
    }; 

}; 

this.functionB = function(response){ 
    var self = this; 

    //Error codes 
    if (response.meta.code == 400) { 
     alert(response.meta.error_message); 
    } 

    //Create picture elements with basic information and image 
    $.each(response.data, function (i, item) { 

     //If item.location == null, while trying to get geolocation = error 
     if (item.location != null) { 
      functionC(item.location.latitude, item.location.longitude, item.images.thumbnail.url, item.user.username); 
     } 

    }); 

}; 

this.functionC = function(latitude, longitude, imgurl, user) { 
    var self = this; 
    var latLngPosition = new google.maps.LatLng(latitude, longitude); 

    //Create marker with custom assets 
    marker = new google.maps.Marker({ 
     position:latLngPosition, 
     icon: new google.maps.MarkerImage(imgurl, 
       new google.maps.Size(110, 110), 
       new google.maps.Point(0,0), 
       new google.maps.Point(32, 32)), 
     title: user, 
     map:map 
    }); 

    //Push in array to delete later 
    markersArray.push(marker); 
}; 

this.init(); 

}; 

$(function() { 

var app = new app.Application(); 

}); 

Answer 1

函數B被$ .ajax（）設置對象的上下文調用。您可以使用$ .proxy（）將上下文更改爲app.Application：

if(app == undefined) var app = {}; 

app.Application = function() { 

this.functionA = function(){ 
     var self = this; 

     var urlHash = location.hash; 
    accessToken = urlHash.split('=')[1]; 

    if (!accessToken) { 
     return false; 
    } else { 
     $.getJSON(instaAPIuri+"users/" + id + "/media/recent?access_token=" + accessToken + "&callback=?", $.proxy(self.functionB, self)); 
    }; 

}; 

this.functionB = function(response){ 
    var self = this; 

    //Error codes 
    if (response.meta.code == 400) { 
     alert(response.meta.error_message); 
    } 

    //Create picture elements with basic information and image 
    $.each(response.data, function (i, item) { 

     //If item.location == null, while trying to get geolocation = error 
     if (item.location != null) { 
      self.functionC(item.location.latitude, item.location.longitude, item.images.thumbnail.url, item.user.username); 
     } 

    }); 

}; 

this.functionC = function(latitude, longitude, imgurl, user) { 
    var self = this; 
    var latLngPosition = new google.maps.LatLng(latitude, longitude); 

    //Create marker with custom assets 
    marker = new google.maps.Marker({ 
     position:latLngPosition, 
     icon: new google.maps.MarkerImage(imgurl, 
       new google.maps.Size(110, 110), 
       new google.maps.Point(0,0), 
       new google.maps.Point(32, 32)), 
     title: user, 
     map:map 
    }); 

    //Push in array to delete later 
    markersArray.push(marker); 
}; 

this.init(); 

}; 

$(function() { 

var app = new app.Application(); 

});