Powercode academy. AJAX

1. POWERCODE ACADEMY

2. Занятие на тему: AJAX

Горбачевский Валерий

3.

Как это работает
3

4.

Как расшифровать AJAX
4

5.

Технически AJAX – это:
5

6.

Технически, с помощью AJAX можно
обмениваться любыми данными с сервером
6

7.

Как работает AJAX
7

8.

Рассмотрим на примере:
8

9.

Создаем html структуру в index.html
9

10.

Создаем html файл в sidebar.html
10

11.

Создаем в index.html объект XMLHttpRequest
11

12.

Создаем в index.html callback функцию
12

13.

Отрываем запрос
13

14.

Отправляем запрос
14

15.

Немного усложним:
15

16.

Отправляем запрос
16

17.

Изменим наш код
17

18.

Задание:
Создайте код, который загрузит файл
http://vgor.top/slides/phones.json и выведет
○ все названия телефонов из него в виде списка.
○ Все названия с номером в виде таблицы
○ Всю информацию в виде таблицы
18

19. Спасибо!

Есть вопросы?
Вы можете связаться со мной
mail: [email protected]
Telegram/Viber: +380954382408
Skype: valerij.gorbachevskij
19