How can javascript array included object be sended with Angular HttpClient?

Question

I have a array like this.

myarr = [{ 'madde': '1' , 'deger': 'truea' } , { 'madde': '2', 'deger': 'falsea' }];

I want to send this array to my server

let dataitems = this.myarr.map( x => JSON.stringify(x));

const req = this.http.post( nestleapiurl + saveform , {
  'listitem': dataitems.toString() ,
}, {headers: headers} )
  .subscribe(
    res => {
      console.log(res);
    },
    err => {
      console.log('Error occured');
      console.log( 'Gönderilen:' +  this.myarr.toString() );
    }
  );

i want to send in this format , but i couldnt do.

{
"listitem":[
    { "madde":"1" , "deger": "truea" } , { "madde": "2", "deger": "falsea" }
    ]
}

i can send the json below with postman app to the server, but i couldnt send it with angular js application.

how can i format my array to json ?

Thanks.

Mihai Alexandru-Ionut · Accepted Answer · 2017-10-26 07:34:06Z

1

Just use JSON.stringify method.

myarr = [{ 'madde': '1' , 'deger': 'truea' } , { 'madde': '2', 'deger': 'falsea' }];
let obj=JSON.stringify({'listitem':myarr});
console.log(obj);

answered Oct 26, 2017 at 7:34

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chandru · Accepted Answer · 2017-10-26 07:55:55Z

0

Try like this :

let obj = {};
obj["listitem"] = this.myarr;
obj = JSON.stringify(obj);
console.log('obj', obj);

my example code below :

export class Component implements OnInit {

    obj: any = {};

    myarr = [{ 'madde': '1', 'deger': 'truea' }, { 'madde': '2', 'deger': 'falsea' }];

    ngOnInit() {
        this.obj["listitem"] = this.myarr;
        console.log('this.obj', JSON.stringify(this.obj));
    }
}

answered Oct 26, 2017 at 7:55

Chandru

11.2k6 gold badges43 silver badges54 bronze badges

Collectives™ on Stack Overflow

How can javascript array included object be sended with Angular HttpClient?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related