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

Question

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的数据相同，这是什么原因造成的，该如何解决

Answer 1

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

Answer 2

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