AngularJS 是一款非常流行的前端框架，它提供了很多强大的功能和服务，其中 $http 服务就是一个重要的组件之一。
$http 服务可以发送 AJAX 请求，从服务器获取数据并更新页面。它支持各种类型的 HTTP 请求，包括 GET、POST、PUT、DELETE 等等。
在本文中，我们将详细介绍如何在 AngularJS 应用程序中使用 $http 服务，并提供一些示例代码和指导意义。
基本用法
首先，我们需要在 AngularJS 应用程序中注入 $http 服务。可以使用以下代码：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($http) {
// 在这里使用 $http 服务
});接下来，我们可以使用 $http 服务发送 HTTP 请求。以下是一些常见的用法：
发送 GET 请求
$http.get('/api/users').then(function(response) {
// 处理成功回调
}, function(response) {
// 处理失败回调
});发送 POST 请求
$http.post('/api/users', { name: 'John', email: 'john@example.com' }).then(function(response) {
// 处理成功回调
}, function(response) {
// 处理失败回调
});发送 PUT 请求
$http.put('/api/users/1', { name: 'John Smith', email: 'john@example.com' }).then(function(response) {
// 处理成功回调
}, function(response) {
// 处理失败回调
});发送 DELETE 请求
$http.delete('/api/users/1').then(function(response) {
// 处理成功回调
}, function(response) {
// 处理失败回调
});高级用法
除了基本用法之外，$http 服务还支持许多高级功能，例如设置请求头、处理响应数据等等。
设置请求头
以下代码演示如何在请求中设置自定义的请求头：
// javascriptcn.com 代码示例
$http({
method: 'GET',
url: '/api/users',
headers: { 'Authorization': 'Bearer ' + token }
}).then(function(response) {
// 处理成功回调
}, function(response) {
// 处理失败回调
});处理响应数据
以下代码显示如何处理不同类型的响应数据：
// javascriptcn.com 代码示例
$http.get('/api/users').then(function(response) {
// 处理成功回调
var data = response.data; // 获取响应数据
var status = response.status; // 获取响应状态
var headers = response.headers(); // 获取响应头
var config = response.config; // 获取请求配置
}, function(response) {
// 处理失败回调
});发送并行请求
以下代码演示如何发送并行请求：
// javascriptcn.com 代码示例
$http.all([
$http.get('/api/users'),
$http.get('/api/roles')
]).then(function(response) {
// 处理成功回调
var users = response[0].data; // 获取第一个响应的数据
var roles = response[1].data; // 获取第二个响应的数据
}, function(response) {
// 处理失败回调
});总结
$http 服务是 AngularJS 应用程序中非常重要的组件之一，它提供了发送 HTTP 请求以及处理响应数据等功能。我们可以使用 $http 服务发送不同类型的 HTTP 请求，并设置自定义的请求头、处理响应数据、发送并行请求等等。对于想要了解 AngularJS 的开发者来说，掌握 $http 服务是非常必要的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b868e7d4982a6ebd5e578