как работать с JSON-кодом из OpenWeatherMap.org API в HTML

#html #json #api

#HTML #json #API

Вопрос:

Я относительно новичок в программировании и создаю HTML-сайт, на котором хочу показывать данные о погоде. У меня есть API от openweathermap.org . Когда я ввожу API в Google, я получаю данные в JSON-коде.

 {"coord":{"lon":5.46,"lat":51.35},
"weather":[{"id":804,"main":"Clouds","description":"overcast clouds","icon":"04d"}],
"base":"stations","main":
{"temp":5.72,"feels_like":1.32,"temp_min":5.56,"temp_max":6.11,
"pressure":998,"humidity":70},"visibility":10000,"wind":{"speed":3.6,"deg":160},
"clouds":{"all":90},"dt":1607178963,"sys":
{"type":1,"id":1527,"country":"NL","sunrise":1607153201,"sunset":1607182290},
"timezone":3600,"id":2745860,"name":"Valkenswaard","cod":200}
 

Проблема в том, что я не знаю, как перенести данные на мой HTML-сайт.
Я хотел бы знать, как вставить JSON-код в HTML-сайт.

Комментарии:

1. Вы знакомы с javascript или jQuery? Для этого вам нужно быть знакомым с одним из них. API предоставляет вам данные, но вам нужно будет использовать javascript для преобразования этих данных в HTML.

2. Вам понадобится много javascript. Способ, которым это работает, заключается в следующем: 1. Получить данные из URL с помощью ajax . 2. Данные, которые вы получаете … вероятно, будут возвращены в виде массива. Вам нужно перебрать массив с помощью a foreach , чтобы перейти к каждому элементу в вашем массиве. 3. Для каждого элемента вам нужно будет получить элементы и распечатать их как HTML внутри, скажем, <p> <div> элемента or .