引言
在现代 Web 开发中，SPA（Single Page Application）已经成为一种很流行的开发模式，而 AngularJS 正是跨越了这一模式的优秀框架之一。AngularJS 中的服务（Service）和工具库（Module）使得 SPA 开发变得更加高效、灵活。
$http 是 AngularJS 中的核心服务，能实现向服务器发起 HTTP 请求，响应服务器返回的响应数据。本文将会介绍如何在 AngularJS SPA 应用中使用 $http 实现 Http Get 请求。
前提
本文所使用的技术栈为 AngularJS 1.x，对 AngularJS 已有一定的基础知识。
实现 Http Get 请求
$http 的用法
AngularJS 的 $http 服务采用了 Promise 模式，它提供了简单的编程接口来发起 HTTP 请求，并能很方便地处理服务器响应。
应用中使用 $http，需要注入 $http 服务，通过 $http 提供的 get 方法来实现 Http Get 请求。
$http.get(url[, config]) .then(function(response) { // success callback }, function(response) { // error callback });
其中，url 是需要请求的目标 URL，config 是可选的配置对象，可以包含请求的各种参数，如请求头、请求超时、请求缓存等等。response 参数返回 HTTP 响应结果，如果发生错误，则会触发错误回调。
请求示例
以下是一个简单的 AngularJS SPA 应用使用 $http 实现 Http Get 请求的示例代码：
-- -------------------- ---- ------- ----------------------- --- --------------------- ---------- -------- ---------------- ------ - -- -- ---- --- -- ------------------------- ------------------------ - -- ---- ----------- - -------------- -- ------------------ - -- ---- -------------------- ---------- --- ----展开代码
以上代码通过 GET 请求 /api/getData 获取数据，并将获得的响应数据绑定到 AngularJS 控制器 $scope 变量中。
需要注意的是，$http 返回的是一个 Promise 对象。所以，在每次调用 $http 后，必须通过 then() 方法设置回调函数，以便在请求完成后获取响应数据，并根据需要对其进行处理。
注意事项
在使用 $http 服务时，需要注意以下一些问题：
同源策略：由于浏览器同源策略的限制，$http 不能请求跨域资源。
响应缓存：浏览器默认开启 HTTP 响应缓存，这有可能导致在连续发起相同的请求时，服务端没有得到有效的更新请求。可以通过配置请求头部信息来禁用缓存机制。
总结
本文介绍了在 AngularJS SPA 应用中使用 $http 实现 Http Get 请求的方法和注意事项，希望能够帮助大家更好地掌握 AngularJS 的使用，提高前端开发效率，加快 Web 开发进程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6518149a95b1f8cacd04f9b7
