首页 > 解决方案 > 如果状态码为 200,如何显示成功消息

问题描述

一旦我收到状态码 200 的响应,我需要显示提示消息,显示产品已成功创建,我该如何管理。

[1]:https://i.stack.imgur.com/ifnKs.png

组件.ts

 addProduct() {
    this.body = {
      sku: this.skuFields.value,
      coffee: this.coffeeFields.value
    };
    console.log(this.body);
    this.addProductService.addProduct(this.body).subscribe(
      value => {
        if (value.status === 200) {
          console.log(value);
          }
    });
   }

服务.ts


  addProduct(productFields) {
    const headers = new HttpHeaders({
      'Content-Type': 'application/json'
  });
  console.log('Create Product');
    return this.http.post(this.baseUrl, productFields);
  }
}

提前致谢 :)

标签: angularapi

解决方案


通过改变条件来尝试。作为响应,您正在传递statusCode参数的状态,并且您正在检查是否value.status将其替换为value.statusCode

this.addProductService.addProduct(this.body).subscribe(
      value => {
        if (value.statusCode === 200) {
          prompt('Success')
          }
    });

推荐阅读