複数のJSONオブジェクトパラメータをAngular4のhttp POSTメソッドに渡す方法

Question

http postメソッドに複数のパラメータをAngular4で渡したいとします。ここでは、各パラメータはJSONオブジェクトです。どのようにJSONパラメータを渡すか説明してください。私の次のコードでは、ペイロードはデータ=％5Bobject％20Object％5D & obj1 =％5Bobject％20Object％5Dとして表示されます。

saveData(data : any): Promise<any> { 

    let obj1 : any = {'p_id':'2'}; 
    let params = new URLSearchParams(); 
    params.append("data", data); 
    params.append("obj1", obj1); 

    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    return this.http.post('urlContent', params, options).toPromise() 
      .then(response => response.json()) 
       .catch(this.handleError); 
} 

Answer 1

はこれを試してみてください。

saveData(data : any): Promise<any> { 

    let obj1 : any = {'p_id':'2'}; 
    let body= {obj1 ,data}; 

    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    return this.http.post('urlContent', body, options).toPromise() 
      .then(response => response.json()) 
       .catch(this.handleError); 
} 

Answer 2

代わりURLSearchParams（）を使用しての、私は配列を使用してデータを渡しました。わたしにはできる。

saveRtlList(data : any): Promise<any> { 

     let obj1 : any = {'p_id':'2'}; 

     let savedata : Array<any> = []; 
     savedata.push(JSON.stringify(data)); 
     savedata.push(obj1); 
     let values : any = {} as any; 
     values.param = savedata; 

     return this.http.post(url, {}, {params:vals}).toPromise() 
       .then(response => response.json()) 
        .catch(this.handleError); 
    }