Angular4 http post 事件方法中调用多个post请求?

海上生明月
  • 10

Angular4 中,我在事件方法里面写了两个http post请求,造成了数据混乱,data1和data2的数据相同
例如:

html:

<button (click)="getData()">点击AB按钮</button>

ts:

import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
import { Headers, Http } from '@angular/http';
import 'rxjs/add/operator/map';

public getData () {
        this.http.post(this.heroesUrl1, JSON.stringify(curVal), {headers: this.headers})
            .map( res => {
              return res.json();
            }).subscribe( res => {
            this.data1 = JSON.stringify(res);
        });
        this.http.post(this.heroesUrl2, JSON.stringify(curVal), {headers: this.headers})
            .map( data => {
                return data.json();
            }).subscribe( data => {
            this.data2 = JSON.stringify(data);
        });
}

问题: 两个post请求返回的数据相同,即data1和data2的数据相同,这是什么原因造成的,该如何解决

回复
阅读 2.8k
2 个回答

你确定你两个url返回的不是同一份数据?

检查下地址是否一致,再检查下返回的原始数据是否相同,在dev tool中Network里去看下。

宣传栏