Как отправить асинхронный HTTP-запрос в AngularJS?

@jedidiah 

Для отправки асинхронного HTTP-запроса в AngularJS используется сервис $http. Он предоставляет методы для отправки GET, POST, PUT, DELETE и других типов запросов.

Пример GET-запроса:

1
2
3
4
5
6
7
8
9

$http.get('/api/users')
    .then(function(response) {
        // Обработка успешного ответа сервера
        console.log(response.data);
    })
    .catch(function(error) {
        // Обработка ошибки
        console.log(error);
    });

Пример POST-запроса:

1
2
3
4
5
6
7
8
9

$http.post('/api/users', { name: 'John', age: 30 })
    .then(function(response) {
        // Обработка успешного ответа сервера
        console.log(response.data);
    })
    .catch(function(error) {
        // Обработка ошибки
        console.log(error);
    });

В обоих примерах используется метод then для обработки успешного ответа сервера и метод catch для обработки ошибки. Метод then принимает в качестве аргумента функцию, которая будет выполнена при успешном ответе сервера. В этой функции можно обработать данные, полученные от сервера. Метод catch также принимает функцию, которая будет выполнена в случае ошибки.

Рекомендуется использовать сервис $http вместо более старого сервиса $resource, который также предназначен для отправки HTTP-запросов, но имеет более ограниченный функционал.