javascript - 未定义元素从 URL 获取 JSON

Question

我正在使用谷歌地图 API 通过 LAT 和 LON 获取海拔值，但我总是得到 undefined object 。

我的脚本是这样的:

<script type="application/javascript">
        function findAltitude() {
            var lat  = document.getElementById('lat').value;
            var lon  = document.getElementById('lon').value;

            var url = "https://maps.googleapis.com/maps/api/elevation/json?locations=11,11&key=<API_KEY>";

            var json, data;

            $.ajax({
                  dataType: "json",
                  url: url,
                  data: data,
                  success: function(data) {
                       alert(data.results.elevation);
                    }
                });
        }

  </script>

我的 JSON 是这样的:

{"results" : [
  {
     "elevation" : 402.0888977050781,
     "location" : {
        "lat" : 11,
        "lng" : 11
     },
     "resolution" : 152.7032318115234
  }],"status" : "OK"}

Answer 1

发布的 JSON 中的

results 包含一个数组。所以你可能想记录例如第一个结果海拔如下:alert(data.results[0].elevation);