Javascript returned data from function which fetches an api

Question

I have the follwoing function which uses fetch to cal a restfull APi and get the output data which is in text format:

async function fetchText(url) {
            let response = await fetch(url);
            let data = await response.text();
            console.log('data...',data);
            return data;
        }

The function execution of this script

mydata=fetchText(myurl);
console.log("mydata...........",mydata);

returns this out put

mydata........... Promise[[Prototype]]: Promise[[PromiseState]]: "fulfilled"[[PromiseResult]]: ""6269A297-851B-4158-873B-66F068B73BCD"" data... "6269A297-851B-4158-873B-66F068B73BCD"

How to change the function so that its output is exactly what is displayed by the log instead of the Promise type ?

Any function marked as `async` will _always_ return a `Promise`, there is no way to change that. — CRice, May 24 '22 at 15:46
Same as how you do it already: use `await`. Eg: `mydata = await fetchText(myurl)`. — CRice, May 24 '22 at 15:47

score 1 · Accepted Answer · answered May 24 '22 at 15:49

1

function that uses async keyword will always returns promise, so use following code to print value.

fetchText(myurl).then(data=>{ console.log(data) })

answered May 24 '22 at 15:49

jaibalaji

3,159
2
15
28

Javascript returned data from function which fetches an api

1 Answers1