Express返回JSON时前端如何获取状态码及验证API调用成功？

1. 使用Express返回JSON时，前端如何获取响应状态码？ #

当后端用res.status(200).json(...)返回JSON时，前端（以Angular为例）默认只会拿到响应体内容。要获取状态码，你需要在发起请求时告诉HttpClient要获取完整的响应对象，而不只是响应体。

做法是在请求选项里加上{ observe: 'response' }，这样订阅时拿到的是HttpResponse对象，里面包含status（状态码）、body（响应体）等属性。示例代码：

this.http.get('/api/some-endpoint', { observe: 'response' })
  .subscribe(response => {
    console.log('响应状态码:', response.status); // 输出200
    console.log('响应体内容:', response.body); // 输出你的JSON数据
  });

2. Angular前端拿不到201状态码，怎么解决？ #

这个问题和上面的原因完全一致——你默认只获取了响应体，没有拿到完整的响应对象。修改请求选项，加上observe: 'response'就能解决。

针对你提到的注册接口，调整后的代码应该是这样：

this.http.post('/api/register', userData, { observe: 'response' })
  .subscribe((response: HttpResponse<any>) => {
    console.log('状态码:', response.status); // 现在能正确拿到201
    console.log('响应消息:', response.body.message); // 输出"Successfully Registered"
  }, error => {
    // 处理请求失败的情况，比如网络错误、4xx/5xx状态码
  });

之前你调用res.status返回undefined，是因为res只是响应体对象，根本没有status属性，只有完整的HttpResponse对象才包含这个字段。

3. 确认API调用成功的最佳方式是什么？ #

最佳实践是结合HTTP状态码和业务响应内容双重校验，具体来说：

• 优先检查状态码：HTTP状态码是标准化的请求结果标识，2xx系列（200成功、201创建成功等）表示请求本身在传输和服务端处理层面是成功的；4xx（比如401未授权、400参数错误）是客户端问题；5xx是服务端内部错误。Angular的HttpClient会自动把非2xx的状态码触发error回调，所以你可以利用这一点先区分请求的整体成败。
• 再校验业务逻辑：有时候即使状态码是2xx，业务层面可能存在异常（比如某些接口设计为返回200，但响应体里带error字段表示业务失败）。这时候就需要检查响应体里的业务标识，比如success布尔值、code业务码等。

以登录场景为例，合理的校验逻辑应该是这样：

this.http.post('/api/login', credentials, { observe: 'response' })
  .subscribe(response => {
    // 状态码200说明请求本身成功
    if (response.status === 200) {
      const resBody = response.body;
      // 再检查业务层面是否成功
      if (resBody.success) {
        // 执行登录成功逻辑，比如保存用户信息到本地
        localStorage.setItem('user', JSON.stringify(resBody.user));
      } else {
        // 业务失败，比如账号锁定、验证码错误
        alert('登录失败：' + resBody.message);
      }
    }
  }, error => {
    // 这里处理非2xx的情况，比如401凭证错误
    if (error.status === 401) {
      alert('用户名或密码错误');
    } else {
      alert('服务器出错，请稍后重试');
    }
  });

简单来说，状态码判断请求的“技术层面成败”，响应体判断“业务层面成败”，两者结合是最可靠的方式。

内容的提问来源于stack exchange，提问作者Vincent Nguyen