Содержание
- 2. В чём проблема?
- 3. Вариант №1 Пример: «простой чат» http://courses.dp.ua/demo/ajax_1/ Вариант №2 Вариант №3 http://courses.dp.ua/demo/ajax_2/ http://courses.dp.ua/demo/ajax_3/ Есть необходимость обновлять только
- 4. Что делать? Хорошо бы обновлять часть страницы с сообщениями, а часть с формой не обновлять пока
- 5. AJAX
- 6. AJAX (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») За изменение страницы в браузере пользователя
- 7. AJAX (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») С появлением в браузерах специального объекта
- 8. Идея заложенная в AJAX - не перезагружая страницу полностью запросить у сервера данные и вставить их
- 9. JSON
- 10. JSON (JavaScript Object Notation) JSON - текстовый формат обмена данными, , удобный для чтения и написания
- 11. JSON в интернете https://api.privatbank.ua/p24api/pubinfo?json&exchange&coursid=5 JSON является популярным форматом для обмена информацией в Интернете. Большое количество сайтов
- 12. JSON в реальности Скрипт для своей работы использует актуальные курсы валют Приватбанка. Документация: https://api.privatbank.ua/#p24/exchange
- 13. Объект XMLHTTPRequest XMLHttpRequest – поддерживает событийную модель, и в зависимости от развития ситуации генерирует те или
- 14. Объект XMLHTTPRequest В консоли разработчика хорошо заметны запросы которые делались через XMLHttpRequest – по характерной метке
- 15. Что-то много кода…
- 16. Функции асинхронной загрузка данных jQuery .load() .get() .post() .getJSON() .ajax() jQuery предоставляет несколько функций для совершения
- 17. API (интерфейс программирования приложений, интерфейс прикладного программирования) (англ. application programminginterface]) — Набор правил, которые определяют как
- 18. jQuery + AJAX на практике Скачайте заготовку: http://files.courses.dp.ua/web/23/ex03.html Пересчитаем цены в гривневые, за основу курса возьмём
- 19. jQuery + AJAX на практике Пересчитаем цены в гривневые, за основу курса возьмём данные Приватбанка.
- 20. Кросс-доменные запросы
- 21. Кросс-доменные запросы API с курсами валют есть и у НБУ: https://bank.gov.ua/control/uk/publish/article?art_id=38441973 Почему мы не может загрузить
- 22. Кросс-доменные запросы Попытаемся загрузить данные от НБУ…
- 24. Скачать презентацию