Angular Http 获取状态码

在 Angular 中，我们可以使用 Http 模块来发送请求并获取响应数据。除了获取响应数据之外，有时我们还需要获取请求的状态码。本文将介绍如何在 Angular 应用中使用 Http 获取请求的状态码。

获取状态码的方法

在 Angular 中，可以通过观察 Response 对象的 status 属性来获取请求的状态码。 Response 对象包含了响应的所有信息，包括状态码、响应头、响应体等。以下是一个获取状态码的示例代码：

import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private http: Http) {}

  ngOnInit() {
    this.http.get('http://example.com/api/data').subscribe(
      (res: Response) => {
        console.log(res.status);
      },
      (error) => {
        console.log(error.status);
      }
    );
  }
}

在上面的示例中，我们使用了 Http 模块发送了一个 GET 请求，并通过 subscribe() 方法来订阅响应。在订阅响应时，我们可以使用箭头函数来处理成功和失败的情况。在成功的情况下，我们打印出了响应对象的状态码。在失败的情况下，我们打印出了错误对象的状态码。

总结

在 Angular 中，我们可以通过 Response 对象的 status 属性来获取请求的状态码。通过订阅 Http 模块的响应，我们可以轻松地获取请求的状态码，并进行相应的操作。