javascript - JQuery - 无法访问以 json 返回的变量

Question

我对编程非常陌生，因为我上周才开始编程。代码部分 -

var office = document.getElementById('start').value;
var pickup = document.getElementById('start').value;
 $.get("https://maps.googleapis.com/maps/api/distancematrix/json?origins="+office+"&destinations="+pickup+"&mode=drivinging&language=en&sensor=false",function(data){
alert(data['status']);

返回数据 -

http://maps.googleapis.com/maps/api/distancematrix/json?origins=edingbourgh&destinations=london&mode=drivinging&language=en&sensor=false

我可以使用data['status']访问和显示“destination_addresses”、“status”和“origin_addresses” 或 data.status 但无法访问 rows[] 内的任何内容我已经尝试了我可能知道的所有方法。

我以为我可以做data.row.distance.text，但什么也没发生。

任何帮助将不胜感激

Answer 1

rows是一个数组，以及elements，你需要这样访问它:

var text = data.rows[0].elements[0].distance.text;
// this yields "652 km"

您想要返回数组的第一个元素，因为它只有一个。 rows[] 不访问任何内容。您需要在括号内输入一个数字。可能有多个对象行或元素。填写你想要的数组索引:

var text = data.rows[2].elements[5].distance.text;
// this yields text from the sixth element of the third row.

原始回复:

  {
     "destination_addresses" : [ "London, UK" ],
     "origin_addresses" : [ "Edinburgh, City of Edinburgh, UK" ],
     "rows" : [
        {
           "elements" : [
              {
                 "distance" : {
                    "text" : "652 km",
                    "value" : 652135
                 },
                 "duration" : {
                    "text" : "6 hours 44 mins",
                    "value" : 24247
                 },
                 "status" : "OK"
              }
           ]
        }
     ],
     "status" : "OK"
  }