如何使用JQuery getJSON運行成功函數？

Question

我想將數據推送到一個數組，但由於AJAX的異步性，我不確定如何去做這件事。

我似乎無法找到完整的示例在線方式，這與getJSON完成。

我一直在關注，沒有運氣/文檔here

我曾嘗試：

var jsonLtdLng="https://maps.googleapis.com/maps/api/geocode/json?address=" + addressval; 
var latlng; 

$.getJSON(jsonLtdLng, function (data) { 
    var lat = data.results[0].geometry.location.lat; 
    var lng = data.results[0].geometry.location.lng; 

    latlng = {lat: lat, lng: lng}; 

}).done(function() { 
    markerlocations.push(latlng); 
})//END JSON 

和：

VAR jsonLtdLng =「https://maps.googleapis.com/maps/api/geocode/json？address =「+ addressval; var latlng;

$.getJSON(jsonLtdLng, function (data) { 
    var lat = data.results[0].geometry.location.lat; 
    var lng = data.results[0].geometry.location.lng; 

    latlng = {lat: lat, lng: lng}; 
    markerlocations.push(latlng); 
}); 

及其變化，沒有結果。

有人會知道這樣做的正確方法，並可以指出我在正確的方向嗎？

Answer 1

您需要將push()添加到success處理程序中的數組中，該處理程序可以訪問請求返回的數據。你最好將對象添加到數組中，而不是手動繞過JSON字符串。從那裏你可以將數組傳遞給你需要執行的任何函數。試試這個：

var markerlocations = []; 
$.getJSON(jsonLtdLng, function (data) { 
    var lat = data.results[0].geometry.location.lat; // note 'lat' here, not 'lng' 
    var lng = data.results[0].geometry.location.lng; 
    markerlocations.push({ lat: lat, lng: lng }); 
    doSomethingWithTheArray(markerlocations); 
}); 

function doSomethingWithTheArray(arr) { 
    for (var i = 0; i < arr.length; i++) { 
     console.log(arr[i].lat, arr[i].lng); 
    } 
} 

Answer 2

試試這個。使用foreach來創建你的數組。然後按您想要的方式推/追加數組。

$.getJSON("url here", function(data) { 
     $.each(data, function(key, value){ 

      // your custom code here 
      var latlng = 'code you want'; 

     }); 
     markerlocations.push(latlng); 
    }); 

Answer 3

您需要在getJSON（）函數之外聲明一個空數組。然後它可以在getJSON回調中訪問。

var markerlocations = []; 
$.getJSON(jsonLtdLng, function (data) { 
    var lat = data.results[0].geometry.location.lat; 
    var lng = data.results[0].geometry.location.lng; 
    markerlocations.push({ lat: lat, lng: lng }); 
}); 

function（data）...是獲得響應後執行的回調函數。在這種情況下，您不需要另一個done（）方法。

var jsonLtdLng="https://maps.googleapis.com/maps/api/geocode/json?address=new york"; 
 
var latlng; 
 
var markerlocations = []; 
 
$.getJSON(jsonLtdLng, function (data) { 
 
    var lat = data.results[0].geometry.location.lat; 
 
    var lng = data.results[0].geometry.location.lng; 
 

 
    latlng = {lat: lat, lng: lng}; 
 
    markerlocations.push(latlng); 
 
    
 
    // just for testing 
 
    for(var i = 0; i < markerlocations.length; i++){ 
 
    alert(markerlocations[i].lat + '===' + markerlocations[i].lng); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>