2.9 KiB
Лабораторная работа №7. Реализация загрузки данных меню с сервера
Напишите функцию loadDishes(), которая будет загружать данные о доступных блюдах при помощи запроса к API.
Порядок выполнения
Напишите функцию loadDishes(), добавив в нее запрос к API для получения данных о блюдах. Данные с сервера приходят в формате JSON. Пример:
[ { "category": "soup", "count": "350 г", "image": "http://lab7-api.std-900.ist.mospolytech.ru/images/soups/gazpacho", "keyword": "gaspacho", "kind": "veg", "name": "Гаспачо", "price": 195 }, { "category": "soup", "count": "330 г", "image": "http://lab7-api.std-900.ist.mospolytech.ru/images/soups/mushroom_soup", "keyword": "gribnoy", "kind": "veg", "name": "Грибной суп-пюре", "price": 185 } ]
- Для обращения к серверу используйте fetch или XMLHttpRequest.
- Все блюда должны загружаться на страницу при помощи API.
- Внешнее отображение страницы должно остаться прежним.
- Все остальные функции также должны корректно работать (фильтрация, выбор блюда, расчет итоговой стоимости, проверка состава заказа).
API URL
- Для тех, кто использует хостинг Московского Политеха: http://lab7-api.std-900.ist.mospolytech.ru/api/dishes
- Для тех, кто использует Netlify или GitHub Pages: [https://edu.std-900.ist.mospolytech.ru/labs/api/dishes](https://edu.std-900.ist.mospolytech.ru/labs/api/dishes
Материалы для изучения
Получение данных с сервера [MDN] Работа с JSON [MDN] Промисы, async/await [Learn JS] async/await [Doka] Использование промисов [MDN] Fetch [Learn JS] XMLHttpRequest [Learn JS] Fetch API [MDN] fetch() [Doka] Cross-Origin Resource Sharing (CORS) [MDN]