parse Json response using angular

Question

In my ts file I have function which sends some data and then receives json response

const fd = new FormData();  
this.service.uploadImage(fd).subscribe(
    (res:any)=>
    {
      console.log(res) ;

In this way I get the whole json console.logged.

{item1: "abcdefg", item2: "xyz"}

But I want to access each component of json seperately. How can I do that ?

What exactly you want to do with res? Have a look at Angular JsonPipe — Chenna
– Chenna, Commented Sep 6, 2019 at 10:52

Taimoor Tahir · Accepted Answer · 2019-09-06 11:57:55Z

1

Actually it depends on the format of JSON response you are getting, but in this particular case, you can do this by . operator, like

res.item1
res.item2

answered Sep 6, 2019 at 11:57

Taimoor Tahir

4404 silver badges6 bronze badges

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

Comments

CharybdeBE · Accepted Answer · 2019-09-06 10:11:49Z

0

your console log look like an object not a json, so i don't think you need to parse, you can just access res.item1 to get value one

If it does not work and indeed is a json first parse your string via const parsedRes = JSON.parse(res)

answered Sep 6, 2019 at 10:11

CharybdeBE

1,8531 gold badge21 silver badges38 bronze badges

1 Comment

David Over a year ago

it worked, it's just an object and I just simply access it. But is it ok to use it this way? maybe I should send json instead of it ? what's the best practice ?

Collectives™ on Stack Overflow

parse Json response using angular

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related