Я создаю веб-сайт, который позволит пользователям вводить свой адрес и возвращать местных избранных должностных лиц.Я использую Google Civic Information API для получения своих результатов.Когда код выполняется, он возвращает файл JSON со всей необходимой мне информацией.Кажется, есть два массива: один для «офисов» и один для «чиновников».Я застрял в точке, где я не понимаю, как связать два массива вместе и назначить офис человеку.Любая помощь будет принята с благодарностью.
<html>
<head>
<script src="https://apis.google.com/js/api.js"></script>
<script>
function loadClient() {
gapi.client.setApiKey("Used my key here");
return gapi.client.load("https://content.googleapis.com/discovery/v1/apis/civicinfo/v2/rest")
.then(function() { console.log("GAPI client loaded for API"); },
function(err) { console.error("Error loading GAPI client for API", err); });
}
function execute() {
var address = street.value+" "+city.value+" "+state.value+" "+zip.value;
return gapi.client.civicinfo.representatives.representativeInfoByAddress({
"address": address
})
.then(function(response) {
// Handle the results here (response.result has the parsed body).
//console.log("Response", response.result); this works
// Here is where I assume the logic goes to loop through and assign the information to the "demo "tag
},
function(err) { console.error("Execute error", err); });
}
gapi.load("client");
</script>
</head>
<body onload="loadClient()">
<input name="street" type="text" id="street" placeholder="Street Address">
<input name="city" type="text" id="city" placeholder="City">
<input name="state" type="text" id="state" placeholder="State">
<input name="zip" type="text" id="zip" placeholder="Zip">
<button id="calculate" onclick="execute()"> Find Elected Officials
</button>
<P id-="demo">
</P>
</body>
</html>