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

Пользователь

от jedidiah , в категории: Компьютерные технологии , 8 месяцев назад

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

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от frederique , 8 месяцев назад

@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-запросов, но имеет более ограниченный функционал.