Controlling dropdown options with JSON response

Ask the community
,
9

So, where I set the backend function as:

export function getAddresses(postcode) {
 const url = 'https://api.getaddress.io/find/';
 const key = 'XXXXXXXXXXXX';
  let fullUrl = url + postcode + '?api-key=' + key + '&expand=true'; 
  return fetch(fullUrl, {method: 'get'})
    .then(response => response.json())
    .then(json => json.postcode);
}

and front end onReady to:

$w.onReady(function () {
getAddresses(sessionpostcode)
.then(postcode => $w("#dropdown1").options = [
    {"label" : postcode, "value" : postcode}]);
});

…the dropdown is populated with the postcode from the JSON response. It seems i’m having trouble accessing the children of the ‘addresses’ node in the JSON response and populating the dropdown with the multiple returned addresses