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 請求的處理。