AngularJS如何管理HTTP请求

AngularJS 使用 $http 服务来处理 HTTP 请求。以下是如何使用 $http 服务的一些基本步骤：

1. 首先，确保已将 AngularJS 添加到项目中，并在模块中注入 $http 服务。例如：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  // ...
});

2. 使用 $http.get()、$http.post()、$http.put() 或 $http.delete() 方法发起 HTTP 请求。这些方法返回一个 promise 对象，可以通过 .then() 和 .catch() 方法处理成功和错误情况。

以下是一些示例：

• 发起 GET 请求：

$http.get('https://api.example.com/data')
  .then(function(response) {
    // 请求成功时的回调函数
    console.log(response.data);
  }, function(error) {
    // 请求失败时的回调函数
    console.log(error);
  });

• 发起 POST 请求：

$http.post('https://api.example.com/data', { key: 'value' })
  .then(function(response) {
    // 请求成功时的回调函数
    console.log(response.data);
  }, function(error) {
    // 请求失败时的回调函数
    console.log(error);
  });

3. 在 .then() 方法中处理成功情况。响应对象包含许多有用的属性，如 data（服务器返回的数据）、status（HTTP 状态码）和 headers（响应头）。

4. 在 .catch() 方法中处理错误情况。这可以捕获请求过程中发生的任何错误，例如网络错误或服务器错误。

5. 使用 $http 服务的配置选项可以自定义请求。例如，可以设置请求头、超时时间或请求拦截器等。

$http({
  method: 'GET',
  url: 'https://api.example.com/data',
  headers: {
    'Authorization': 'Bearer ' + token
  }
})
.then(function(response) {
  // 请求成功时的回调函数
  console.log(response.data);
}, function(error) {
  // 请求失败时的回调函数
  console.log(error);
});

这就是 AngularJS 中管理 HTTP 请求的基本方法。在实际项目中，通常会使用 AngularJS 的第三方库（如 $resource）或封装 $http 服务以简化 HTTP 请求的处理。