同步http post angular2

Question

我有一个登录组件，用户在其中输入电子邮件和密码。该组件将字段发送到服务，在那里我向我的 nodejs 后端发出 http post 请求，以了解用户是否存在以及密码是否正确。

问题是服务器的响应是未定义的，但是我可以从chrome的网络中获取响应的值。

我认为问题在于请求是异步的，因此它会在实际得到响应之前返回响应。

搜索后，我找不到有关如何使请求同步的非常有用的信息。

这是我的组件和服务的代码！

在我的组件中：

login_function(){
    this.token = this.global.check_login(this.login_user,this.login_pass)
        .subscribe(data => this.postData = JSON.stringify(data));
    console.log(this.token);}
}

在服务中：

check_login(user, pass) {
    let data = {user:user,password:pass};
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers, method:'post' });

    console.log("user:"+user+"\npass:"+pass);

    return this.http.post(url, {username:user,password:pass}, options)
        .map((response:Response)=> response.json());
  }

Answer 1

您正确地认为这是由于语句的异步执行。将您的组件代码更改为：

login_function() {
    this.global.check_login(this.login_user, this.login_pass).subscribe(
      data => {
        console.log(data);
      });
 }

服务应更新为以下代码： （假设您的服务器接受 'user' 和 'password' 作为键）

check_login(user,pass){
    console.log("user:"+user+"\npass:"+pass);

    let bodyString = JSON.stringify({user:user,password:pass});
    let headers = new Headers({'Content-Type': 'application/json'}); // ... Set content type to JSON
    let options = new RequestOptions({headers: headers}); // Create a request option
    return this.http
     .post(url,bodyString,options)
     .map((response:Response)=> response.json() );

}