Angularjs. Сервисы. Сервис $http

Главная » Видеоуроки » JavaScript » Angularjs. Сервисы. Сервис $http

Сегодня мы рассмотрим сервисы в angular на примере сервиса $http. $http — один из самых мощных и важных сервисов в angular. Он позволяет разработчику выполнять запросы к серверу, а также кросс доменные запросы.

Сервисы в некотором случае можно считать аналогами встроенных объектов в javascript. Например, уже упомянутый сервис $http является аналогом встроенного в javascript объекта XMLHttpRequest (XHR). Но существенная разница в том, что в angular сервисы не являются глобальными объектами, как это есть в javascript.
Сервис $http имеет несколько методов, которые иллюстрируют типа запросов на сервер:

  • $http.get(url, config)
  • $http.post(url, data, config)
  • $http.put(url, data, config)
  • $http.delete(url, config)
  • $http.jsonp(url, config)
  • $http.head(url, config)
  • $http.patch(url, data, config)

Соотвественно, каждый из этих методов принимает 2 или 3 параметра: url — адрес, куда отправляется запрос; data — отправляемые данные; config — дополнительные настройки для запроса.
Необязательно для запроса вызывать соответствующий метод. Можно выполнить запрос вторым способом — вызвать $http как функцию, передав в качестве параметра конфигурацию запроса. В коде урока приведены оба способа.
Отмечу, что при помощи $http можно выполнять и кросс-доменные запросы. Для этого $http имеет метод jsonp.
Подробно про сервис $http можно почитать здесь
В качестве домашнего задания прошу вас сохранить данные с формы нашего приложения, то есть выполнить post запрос.

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This