[Solved] This code snippet tries to parse JSON from an API response but throws an error:fetch('https://api.example.com/data') .then(response => response.text()) .then(data => JSON.parse(data)) .... | Rest API

Rest API - REST API Fundamentals

This code snippet tries to parse JSON from an API response but throws an error:

fetch('https://api.example.com/data')
.then(response => response.text())
.then(data => JSON.parse(data))
.then(parsed => console.log(parsed))
.catch(err => console.error(err))

What is the best fix?

AAdd await before fetch

BRemove JSON.parse call

CChange response.text() to response.json()

DUse response.blob() instead of response.text()

Step-by-Step Solution

Solution:

Step 1: Understand response methods
response.text() returns raw text; response.json() parses JSON automatically.
Step 2: Identify the fix to avoid manual JSON.parse error
Using response.json() removes need for JSON.parse and prevents errors.
Final Answer:
Change response.text() to response.json() -> Option C
Quick Check:
Use response.json() to parse JSON safely [OK]

Quick Trick: Use response.json() to parse JSON automatically [OK]

Common Mistakes:

MISTAKES

Parsing JSON twice causing errors
Using response.text() then JSON.parse manually
Confusing response.blob() with JSON parsing

Master "REST API Fundamentals" in Rest API

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Time

More Rest API Quizzes

This code snippet tries to parse JSON from an API response but throws an error:

Step 1: Understand response methods

Step 2: Identify the fix to avoid manual JSON.parse error

Final Answer:

Quick Check:

Want More Practice?