代码之家 › 专栏 › 技术社区 › DESH

如何在Angular 5中使用返回值/秒?

angular-httpclient angular

DESH · 技术社区 · 7 年前

我目前有以下服务:

@Injectable()
export class UserServiceService {
  userEmail: string;
  userPassword: string;

  constructor( private http: HttpClient ) { }

  login( userEmail, userPassword ){
    let body = { "email": userEmail, "password": userPassword};

    this.http.post('/customer/service/logging', body, httpOptions).subscribe(
      data => {
        console.log( data );
      },
      error => {
        console.error("There Is Something Wrong\nPlease Try Again Later...");
      }
    );

  }
}

在运行时,如果成功,post将返回以下对象:

{message: "Login Successful", status: "success"}

我想做的是获取密钥状态并将其用于路由(如果需要) 成功),然后是提示用户登录的关键消息成功/未成功。

如上所述,我如何获取这些键和值并使用它们?

2 回复 | 直到 7 年前

Elmer Dantas 7 年前

this.http.post('/customer/service/logging', body, httpOptions).subscribe(
  data => {
    if(data.status === 'success'){
        alert(data.message); //or do whatever you want 
     }else {
     alert('login fails'); // or alert(data.message) with the error message from the server
    }
  },
  error => {
    console.error("There Is Something Wrong\nPlease Try Again Later...");
  }
);

Khaled Ahmed 7 年前

您应该首先将其转换为json

this.http.post('/customer/service/logging', body, httpOptions)
.subscribe(
  data => {
    let res = data.json();
    console.log( res.status);

  },
  error => {
    console.error("There Is Something Wrong\nPlease Try Again Later...");
  }
);

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前