Powercode academy. AJAX

Занятие на тему:
AJAX
Горбачевский Валерий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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