如何使用 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>