Как получить определённые данные?

209

24 декабря 2018, 21:20

я пропарсил данные с запроса, и получил их, как достать нужное значение всех?

 const Http = new XMLHttpRequest();
const url='https://api-argon.tfl.gov.uk/BikePoint';
Http.open("GET", url);
Http.send();

Http.onreadystatechange=function() {
  if(this.readyState==4 && this.status==200){   
    var bikePoint = JSON.parse(Http.responseText);
    var markerLat = bikePoint[0].lat,
        markerLon = bikePoint[0].lon;
    console.log(markerLat);
    console.log(markerLon);
    console.log(bikePoint);
      }
}

Вот так выглядит ответ

"$type": "Tfl.Api.Presentation.Entities.AdditionalProperties, Tfl.Api.Presentation.Entities",
        "category": "Description",
        "key": "NbDocks",
        "sourceSystemKey": "BikePoints",
        "value": "14",
        "modified": "2018-09-12T21:41:00.507Z"
      }
    ],
    "children": [],
    "childrenUrls": [],
    "lat": 51.488057,
    "lon": -0.140741
  },

Как отсюда, вытянуть lat и lon, Именно все значения, чтобы потом я могу закинуть все метки на карту?

Answer 1

Данный GET запрос возвращает массив объектов.

Значит, надо сделать вот так.

const Http = new XMLHttpRequest(); 
const url = 'https://api-argon.tfl.gov.uk/BikePoint'; 
Http.open("GET", url); 
Http.send(); 
 
 
Http.onreadystatechange = function() { 
  if (this.readyState == 4 && this.status == 200) { 
    var bikePoints = JSON.parse(Http.responseText); 
 
    bikePoints.forEach(f => { 
      console.log(f.lat, f.lon); 
      var coord = document.createElement('div'); 
      coord.textContent = f.lat + ' ' + f.lon; 
      coords.appendChild(coord); 
    }); 
    console.log('single', bikePoints[0].lat, bikePoints[0].lon); 
  } 
}