AngularJS 是一个流行的前端框架，它提供了很多强大的功能和服务，其中 $http 服务是其中之一。$http 服务是 AngularJS 内置的服务，用于发送 HTTP 请求。在本文中，我们将详细讨论如何使用 $http 服务发送 GET 请求。
$http 服务简介
$http 服务是 AngularJS 内置的服务，用于发送 HTTP 请求。它可以发送 GET、POST、PUT、DELETE 等类型的请求，并且可以设置请求头、请求参数、响应类型等。$http 服务返回一个 promise 对象，可以使用 then() 方法处理响应数据。
发送 GET 请求
发送 GET 请求是 $http 服务最常用的功能之一。下面是一个使用 $http 服务发送 GET 请求的示例代码：
------- ------- ------ ---- ------------ -------------------------- - -- ------ -- --------------- - -- ---- ---
上面的代码中，我们使用 $http() 方法发送了一个 GET 请求，请求的 URL 是 /api/users。$http() 方法接收一个配置对象，我们在配置对象中设置了 method 属性为 'GET'，表示发送 GET 请求。另外，我们还设置了 url 属性为 /api/users，表示请求的 URL。
在 then() 方法中，我们可以处理响应数据。如果请求成功，then() 方法的第一个参数会接收响应数据；如果请求失败，then() 方法的第二个参数会接收错误信息。
设置请求头
有时候我们需要在请求头中设置一些参数，比如设置 Content-Type、Authorization 等。下面是一个使用 $http 服务设置请求头的示例代码：
-------
------- ------
---- -------------
-------- -
--------------- -------------------
---------------- ------- - - -----
-
-------------------------- -
-- ------
-- --------------- -
-- ----
---上面的代码中，我们在配置对象中设置了 headers 属性，用于设置请求头。我们设置了 Content-Type 为 application/json，表示请求的数据类型为 JSON 格式；另外，我们还设置了 Authorization，用于身份验证。
设置请求参数
有时候我们需要在 URL 中添加一些查询参数，比如分页参数、过滤参数等。下面是一个使用 $http 服务设置请求参数的示例代码：
-------
------- ------
---- -------------
------- -
----- --
----- ---
------- ------
-
-------------------------- -
-- ------
-- --------------- -
-- ----
---上面的代码中，我们在配置对象中设置了 params 属性，用于设置请求参数。我们设置了 page、size、filter 三个参数，表示请求第一页、每页显示 10 条数据，并且按照名称过滤。
设置响应类型
有时候我们需要设置响应类型，比如设置响应的数据类型为 JSON、XML 等。下面是一个使用 $http 服务设置响应类型的示例代码：
------- ------- ------ ---- ------------- ------------- ------ -------------------------- - -- ------ -- --------------- - -- ---- ---
上面的代码中，我们在配置对象中设置了 responseType 属性，用于设置响应类型。我们设置了 responseType 为 json，表示响应的数据类型为 JSON 格式。
总结
本文介绍了如何使用 $http 服务发送 GET 请求，并且讨论了如何设置请求头、请求参数、响应类型等。$http 服务是 AngularJS 中非常重要的一个服务，了解它的使用方法对于开发 AngularJS 应用程序非常有帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f2ee072b3ccec22fb82602