AJAX. Определение страны по IP-адресу. (Часть 2)

Содержание

Слайд 2

Немного практики №1

Немного практики №1

Слайд 3

http://files.courses.dp.ua/ajax/ex01.html

Скопируйте код в Notepad++

Определяем страну по IP-адресу

Задание:
определить страну по IP адресу

http://files.courses.dp.ua/ajax/ex01.html Скопируйте код в Notepad++ Определяем страну по IP-адресу Задание: определить страну
в таблице;
Установить флаг страны в соответствующем столбце таблицы.

Слайд 4

API получения информации об IP адресе

http://ip-api.com/json

Сервис позволяют получить информацию в формате JSON.

API получения информации об IP адресе http://ip-api.com/json Сервис позволяют получить информацию в формате JSON.

Слайд 5

Определяем страну по IP-адресу

Используем следующие API:
ip-api.com – для получения информации об IP-адресе;

Определяем страну по IP-адресу Используем следующие API: ip-api.com – для получения информации

geonames.org – для получения флагов стран.

http://ip-api.com/json
http://www.geonames.org/flags/x/ua.gif

Слайд 6

В результате

Определяем страну по IP-адресу

В результате Определяем страну по IP-адресу

Слайд 7

Немного практики №2

Немного практики №2

Слайд 8

Немного практики «курсового проекта»

1. Список товаров должен загружаться асинхронно с адреса http://files.courses.dp.ua/web/json/data01.php

Немного практики «курсового проекта» 1. Список товаров должен загружаться асинхронно с адреса
(данные отдаются в формате JSON).

http://files.courses.dp.ua/ajax/ex02.html

Скопируйте код в Notepad++

Организуем вывод полученный в JSON’е данных на страницу.

Слайд 9

Немного практики «курсового проекта»

1. Список товаров должен загружаться асинхронно с адреса http://files.courses.dp.ua/web/json/data01.php

Немного практики «курсового проекта» 1. Список товаров должен загружаться асинхронно с адреса
(данные отдаются в формате JSON).

Организуем вывод полученный в JSON’е данных на страницу.

Слайд 10

Немного практики №2a

Немного практики №2a

Слайд 11

Массивы и метод .sort()

Методу .sort() классических массивов можно передать функцию которая «подскажет»

Массивы и метод .sort() Методу .sort() классических массивов можно передать функцию которая
браузеру как сравнивать два элемента между собой. Функция принимает 2 элемента и должна вернуть 0 если они равны, отрицательное число если второй элемент больше или положительное если первый элемент больше.

https://learn.javascript.ru/array-methods#сортировка-метод-sort-fn