JavaScript позволяет пользователям извлекать данные из веб-API или сохраненных API и передавать эти данные в читаемый код JavaScript для отображения на создаваемом веб-сайте. API означает интерфейс прикладного программирования. Как это работает: программист отправляет запрос в приложение, а сервер получает этот запрос и отправляет ответ. В приведенном выше коде я делаю запрос на сервер для данных изображения. Затем сервер отправляет ответ, который я затем конвертирую в JSON, что позволяет мне использовать эти данные для написания кода. JSON означает нотацию объектов JavaScript.
Это позволяет мне использовать объекты из данных в моем коде. Данные, которые были получены с сервера, вернули массив объектов рамен с названием блюда рамен, рестораном, рейтингом блюда, изображением блюда и комментарием к блюду. На картинке выше я беру данные, которые получил с сервера, и конвертирую их в JSON. Затем я запускаю эти данные через другую функцию под названием «renderRamen». Я не буду показывать весь код, но, по сути, эта функция берет имя, изображение, ресторан, рейтинг и комментарий из данных сервера и отображает эти данные на веб-сайте.
К сожалению, не все API доступны без ключа. В этом примере у меня уже есть данные в файле .json, поэтому я могу получить их оттуда через локальный хост. Для этого мне нужно запустить команду через терминал:
«json-сервер — смотрите db.json»
Это запускает серверную часть, что позволяет получать данные. Если вы хотите получать данные из общедоступного API, ваш оператор выборки будет выглядеть совсем по-другому, поскольку вам нужно будет заменить URL-адрес локального хоста на URL-адрес API, из которого вы хотите получить данные.