AngularJS 是一款流行的前端框架，它提供了丰富的服务和指令，帮助开发者快速构建现代化的 Web 应用程序。其中，$http 服务是 AngularJS 中最重要的服务之一，它允许我们在应用程序中进行 HTTP 请求，获取和发送数据。
在本文中，我们将详细介绍 AngularJS 中如何使用 $http 服务，包括基本的 GET、POST 请求，以及如何处理响应结果和错误。
发送 GET 请求
发送 GET 请求是最简单的 HTTP 请求方式，它允许我们从服务器获取数据。在 AngularJS 中，我们可以使用 $http.get() 方法发送 GET 请求，如下所示：
$http.get('/api/data')
.then(function(response) {
// 处理响应结果
}, function(error) {
// 处理错误
});以上代码会向服务器发送一个 GET 请求，请求地址为 /api/data。当服务器返回响应时，我们可以通过 then() 方法获取响应结果。如果请求失败，则会调用第二个回调函数，我们可以在其中处理错误。
发送 POST 请求
发送 POST 请求通常用于提交表单数据或者创建资源。在 AngularJS 中，我们可以使用 $http.post() 方法发送 POST 请求，如下所示：
$http.post('/api/data', { name: 'John', age: 30 })
.then(function(response) {
// 处理响应结果
}, function(error) {
// 处理错误
});以上代码会向服务器发送一个 POST 请求，请求地址为 /api/data，并且提交了一个对象 { name: 'John', age: 30 }。当服务器返回响应时，我们可以通过 then() 方法获取响应结果。如果请求失败，则会调用第二个回调函数，我们可以在其中处理错误。
处理响应结果
在上面的示例中，我们通过 then() 方法来处理响应结果。当服务器返回响应时，AngularJS 会将响应数据封装在一个对象中，该对象包含以下属性：
- data：响应数据
- status：HTTP 状态码
- headers：响应头
- config：请求配置对象
我们可以通过访问这些属性来获取响应结果，如下所示：
$http.get('/api/data')
.then(function(response) {
console.log(response.data); // 输出响应数据
console.log(response.status); // 输出 HTTP 状态码
console.log(response.headers); // 输出响应头
console.log(response.config); // 输出请求配置对象
});处理错误
当请求失败时，AngularJS 会调用第二个回调函数来处理错误。在该回调函数中，我们可以访问错误对象，该对象包含以下属性：
- data：响应数据
- status：HTTP 状态码
- headers：响应头
- config：请求配置对象
我们可以通过访问这些属性来获取错误信息，如下所示：
-- -------------------- ---- -------
----------------------
------------------------ -
-- ------
-- --------------- -
------------------------ -- ------
-------------------------- -- -- ---- ---
--------------------------- -- -----
-------------------------- -- --------
---总结
$http 服务是 AngularJS 中最重要的服务之一，它允许我们在应用程序中进行 HTTP 请求，获取和发送数据。在本文中，我们介绍了如何使用 $http 服务发送 GET、POST 请求，以及如何处理响应结果和错误。希望本文对你有所帮助，谢谢阅读！
示例代码
以下是一个完整的示例代码，包含了发送 GET、POST 请求和处理响应结果和错误：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------------- ------ -
-- -- --- --
----------------------
------------------------ -
--------------------------- -- ------
-- --------------- -
------------------------ -- ------
---
-- -- ---- --
----------------------- - ----- ------- ---- -- --
------------------------ -
--------------------------- -- ------
-- --------------- -
------------------------ -- ------
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c71614add4f0e0ff13eba9