- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
AJAX. Определение страны по IP-адресу. (Часть 2) презентация
Содержание
- 1. AJAX. Определение страны по IP-адресу. (Часть 2)
- 2. Немного практики №1
- 3. http://files.courses.dp.ua/ajax/ex01.html Скопируйте код в Notepad++ Определяем
- 4. API получения информации об IP адресе http://ip-api.com/json Сервис позволяют получить информацию в формате JSON.
- 5. Определяем страну по IP-адресу Используем следующие API:
- 6. В результате Определяем страну по IP-адресу
- 7. Немного практики №2
- 8. Немного практики «курсового проекта» 1. Список товаров
- 9. Немного практики «курсового проекта» 1. Список товаров
- 10. Немного практики №2a
- 11. Массивы и метод .sort() Методу .sort() классических
- 12. Добавим сортировку полученных данных по цене Намного
Немного практики №1
Слайд 3
http://files.courses.dp.ua/ajax/ex01.html
Скопируйте код в Notepad++
Определяем страну по IP-адресу
Задание:
определить страну по IP
адресу в таблице;
Установить флаг страны в соответствующем столбце таблицы.
Установить флаг страны в соответствующем столбце таблицы.
Слайд 4API получения информации об IP адресе
http://ip-api.com/json
Сервис позволяют получить информацию в формате
JSON.
Слайд 5Определяем страну по IP-адресу
Используем следующие API:
ip-api.com – для получения информации об
IP-адресе;
geonames.org – для получения флагов стран.
geonames.org – для получения флагов стран.
http://ip-api.com/json
http://www.geonames.org/flags/x/ua.gif
Слайд 8Немного практики «курсового проекта»
1. Список товаров должен загружаться асинхронно с адреса
http://files.courses.dp.ua/web/json/data01.php (данные отдаются в формате JSON).
http://files.courses.dp.ua/ajax/ex02.html
Скопируйте код в Notepad++
Организуем вывод полученный в JSON’е данных на страницу.
Слайд 9Немного практики «курсового проекта»
1. Список товаров должен загружаться асинхронно с адреса
http://files.courses.dp.ua/web/json/data01.php (данные отдаются в формате JSON).
Организуем вывод полученный в JSON’е данных на страницу.
Слайд 11Массивы и метод .sort()
Методу .sort() классических массивов можно передать функцию которая
«подскажет» браузеру как сравнивать два элемента между собой. Функция принимает 2 элемента и должна вернуть 0 если они равны, отрицательное число если второй элемент больше или положительное если первый элемент больше.
https://learn.javascript.ru/array-methods#сортировка-метод-sort-fn
Слайд 12Добавим сортировку полученных данных по цене
Намного удобнее будет отсортировать массив с
данными (ведь JSON который мы получаем это и есть массив), и только потом выводить данные из него на страницу. Это проще чем занимается перестановкой тегов для выполнения сортировки. Для этого воспользуемся методом .sort() и передадим функцию которая будет сравнивать элементы.
