#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. Данные, которые вы получаете … вероятно, будут возвращены в виде массива. Вам нужно перебрать массив с помощью aforeach
, чтобы перейти к каждому элементу в вашем массиве. 3. Для каждого элемента вам нужно будет получить элементы и распечатать их как HTML внутри, скажем,<p>
<div>
элемента or .