Skip to main content
Solved

pulling data from API POST response

  • September 12, 2023
  • 9 replies
  • 56 views
auekk2787
Forum|alt.badge.img+12

I'm running an API POST script and I'm trying to utilize the id that is returned in the response.

This is the key piece of the script. 

var postOptions = { method: 'POST', headers: myHeaders, body: formdata, redirect: 'follow' }; let response = await remoteFetchAsync("https://xyz.com/...", postOptions) .then(response => response.text()) .then(result => console.log(result)) .catch(error => console.log('error', error));

I get this response. I'd like to then reference that id returned.

CONSOLE.LOG "{"id":29644,"progress":0,"current_line":null,"status":"created","created_at":"2023-09-12T09:30:39-07:00","started_at":null,"ended_at":null,"file_url":null}"

I've tried this, but I get an undefined error.

console.log(response.result.id)

 

Best answer by Sho

How about this?

let response = await remoteFetchAsync("https://xyz.com/...", postOptions) .then(response => response.json()) .catch(error => console.log('error', error)); console.log(response.id);

9 replies

B
Forum|alt.badge.img+19
  • Bill_French
  • Inspiring
  • September 12, 2023

If you retrieve the response as "text" you must parse the result. Alternatively, you could retrieve the response as "json" and avoid this step.

console.log(JSON.parse(result).id)

 

auekk2787
Forum|alt.badge.img+12
  • auekk2787
  • Author
  • Brainy
  • September 12, 2023

If you retrieve the response as "text" you must parse the result. Alternatively, you could retrieve the response as "json" and avoid this step.

console.log(JSON.parse(result).id)

 


I'm getting an error - 

ReferenceError: result is not defined

B
Forum|alt.badge.img+19
  • Bill_French
  • Inspiring
  • September 12, 2023

I'm getting an error - 

ReferenceError: result is not defined


console.log(JSON.parse(response).id)
auekk2787
Forum|alt.badge.img+12
  • auekk2787
  • Author
  • Brainy
  • September 12, 2023
console.log(JSON.parse(response).id)

Now error SyntaxError: "undefined" is not valid JSON

S
Forum|alt.badge.img+21
  • Sho
  • Inspiring
  • Answer
  • September 13, 2023

How about this?

let response = await remoteFetchAsync("https://xyz.com/...", postOptions) .then(response => response.json()) .catch(error => console.log('error', error)); console.log(response.id);
B
auekk2787
Forum|alt.badge.img+12
  • auekk2787
  • Author
  • Brainy
  • September 13, 2023

How about this?

let response = await remoteFetchAsync("https://xyz.com/...", postOptions) .then(response => response.json()) .catch(error => console.log('error', error)); console.log(response.id);

Yes that's it! Nice catch.

B
Forum|alt.badge.img+19
  • Bill_French
  • Inspiring
  • September 13, 2023

Yes that's it! Nice catch.


I tried to give you the hint the day you asked, hoping you'd lean into it and solve it independently. Often, when forced to work through the problem to resolve it, you will understand more about the underlying elements.

 

auekk2787
Forum|alt.badge.img+12
  • auekk2787
  • Author
  • Brainy
  • September 13, 2023

I tried to give you the hint the day you asked, hoping you'd lean into it and solve it independently. Often, when forced to work through the problem to resolve it, you will understand more about the underlying elements.

 


Thanks. I'm pretty new to JS and I didn't catch I needed to change the reponse.text() to json() above. 

B
B
Forum|alt.badge.img+19
  • Bill_French
  • Inspiring
  • September 13, 2023

Thanks. I'm pretty new to JS and I didn't catch I needed to change the reponse.text() to json() above. 


Yep - it takes about 5,000 hours to become proficient. Possibly helpful - ChatGPT. It’s not perfect but neither are we.

Terms & ConditionsAccessibility statement