#json #rest #usda-fooddata-central-api
Вопрос:
Этот приведенный ниже код работает. Просто я не знаю, как перейти на более глубокий уровень «калорий», чтобы разместить его на html-странице. Я могу получить первый уровень json (например,»fdcId»), но я не знаю, как обращаться ко 2-му и 3-му уровням, таким как («калории»). Поскольку приведенный ниже код обращается к первому уровню проанализированного json, кажется, что, возможно, мне просто нужно найти правильный синтаксис для обращения к различным уровням json в массивах. Кто-нибудь хотел бы указать мне на некоторые примеры? Большое спасибо!
enter code here lt;!DOCTYPE htmlgt; lt;html lang="en"gt; lt;headgt; lt;script src="p5.js"gt;lt;/scriptgt; lt;script src="p5.sound.min.js"gt;lt;/scriptgt; lt;script src="sketch.js"gt;lt;/scriptgt; lt;link rel="stylesheet" type="text/css" href="style.css"gt; lt;meta charset="utf-8"gt; lt;titlegt;Fetch Json from API and map lat lonlt;/titlegt; lt;/headgt; lt;bodygt; lt;h1gt;Where is the food?lt;/h1gt; lt;pgt; Food ID: lt;span id="food"gt;lt;/spangt;lt;br /gt; calories: lt;span id="id"gt;lt;/spangt; lt;/pgt; lt;scriptgt; const api_url = `https://api.nal.usda.gov/fdc/v1/food/1105904?api_key=############=fullamp;nutrients=203 `; async function getISS() { const response = await fetch(api_url); const data = await response.json(); const { fdcId, labelNutrients } = data; console.log(data); document.getElementById('food').textContent = fdcId; document.getElementById('id').textContent = labelNutrients; } getISS(); lt;/scriptgt; lt;/bodygt; lt;/htmlgt; enter code here