API – application programming interface або програмний інтерфейс застосунку використовується для отримання даних або їх обробки зовнішніми програмними засобами через задокументовану технологію обміну інформацією.
Приклади для сайту:
- Вбудовані Гугл-карти;
- Віджети фейсбук;
- Підтвердження логіну по капчі.
Ajax – Asynchronous Javascript and XML – технологія взаємодії з сервером без перезавантаження сторінки.
Отримання даних в відкритих джерел
Наприклад, на сайті Національного банку України розміщено ряд відкритих сервісів https://bank.gov.ua/control/uk/publish/article?art_id=38441973#exchange, дані з яких можуть використовуватись на сторінках ваших веб-сайтів або веб-застосунків.
Приклад сторінки на основі відкритого API https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json , яка повертає значення у форматі Json.
Файл документу
Файл js
Робочий каталог цього проекту можна завантажити тут.
Практика. Робота над фінальним проектом, обговорення проблем.
Домашнє завдання:
Робота з проектом. Наповнення. Тестування. Підготовка до захисту.
ДОДАТКОВІ КОРИСНІ МАТЕРІАЛИ
- Курс з веб–розробки на W3Schools, тема “jQuery – AJAX Introduction” (англ)
- Курс з веб–розробки на W3Schools, тема “jQuery – AJAX get() and post() Methods” (англ)
- Mozilla Developer Network (MDN) «Third party APIs» (англ)
- Mozilla Developer Network (MDN) «Fetching data from the server» (англ)
- Офіційний веб–сайт фреймворку jQuery, навчальний розділ “jQuery’s Ajax–Related Methods” (англ)