How to get string response of fetch api and assign it to a variable?

Question

I am sending a request to backend with fetchApi and the response is coming as a just only string (not in a json body)

Here is my frontend code:

        async decryptText() {
    let response = await this.getDecryptedText(this.entry.text, this.user.userId)
    if(response){
        console.log(response)
    }
   }
        
async getDecryptedText(inputText: string, userId: number) {
    let url = "http://localhost:8080/getDecryptedText?textToDecrypt=" + inputText + "&userId=" + userId;
    return fetch(url);
  }

But I cannot parse the response like other json responses because it is just a string.

When I print it to console the output is this:

I just want to print on to console the response string

How can I get the string response and assign it to a variable ?

I have edited the code as on answers.

Also `getDecryptedText()` is not declared as `async` so you can't `await` it. — Pointy, Jul 28 '20 at 12:27
If you're using Angular, you could also try [`HttpClient`](https://angular.io/api/common/http/HttpClient). It is a little more versatile. — ruth, Jul 28 '20 at 12:31
i have edited the code and the output. still i cant print it to console — Chris Garsonn, Jul 28 '20 at 12:32

score 2 · Accepted Answer · answered Jul 28 '20 at 12:25

2

await means wait until promise is resolved. so you should not use .then callback function. It should be,

async decryptText() {
     let response = await this.getDecryptedText(this.entry.text, this.user.userId)

     // promise is resolved here with success or failure

     if(response){
         console.log(response)   // you should get result here
     }
}

answered Jul 28 '20 at 12:25

micronyks

54,797
15
112
146

i have edited the code and the output. still i cant print it to console – Chris Garsonn Jul 28 '20 at 12:32
`cosonole.log(response)` what does it print ? – micronyks Jul 28 '20 at 13:22

Pranav Agarwal · Answer 2 · 2020-07-28T12:45:41.193

1

hope it help's you try this :

  decryptText() {
   this.getDecryptedText(this.entry.text, this.user.userId)
     .then(response => response.json())
     .then(response => {
     console.log(response)
     })
   }
getDecryptedText(inputText, userId) {
 let url = "http://localhost:8080/getDecryptedText?textToDecrypt=" + inputText + "&userId=" + userId;
        return fetch(url);
  }

edited Jul 28 '20 at 12:45

answered Jul 28 '20 at 12:34

Pranav Agarwal

99
10

Uncaught (in promise): SyntaxError: Unexpected token a in JSON at position 0 SyntaxError: Unexpected token a in JSON at position 0 – Chris Garsonn Jul 28 '20 at 12:37

score 1 · Answer 3 · answered Jun 21 '22 at 10:27

You need to use Response.text() method

 let response = await this.getDecryptedText(this.entry.text, this.user.userId)
  .then(res=>{
    if(res.ok){
      console.log(res.text())
    }

This might work. res.ok there is a boolean which says was request successful or not. You must use this because construction if(res) is useless — you always get response even if request failed.

Pharsa Thapa · Answer 4 · 2020-07-28T12:44:32.367

0

try to print like

console.log(response.body)

Because, you are getting body in your response.

edited Jul 28 '20 at 12:44

answered Jul 28 '20 at 12:39

Pharsa Thapa

326
1
9

doesnt work :( it prints whole body as readable stream – Chris Garsonn Jul 28 '20 at 12:45
check your api on some api testing platforms like, postman, and show us the result. – Pharsa Thapa Jul 28 '20 at 12:47
I hope this solves your problem https://stackoverflow.com/a/40403285/8129656 – Pharsa Thapa Jul 28 '20 at 12:48

How to get string response of fetch api and assign it to a variable?

4 Answers4