JavaScript Q&A Logo
JavaScript Q&A Part of the Q&A Topic Learning Network
Real Questions. Clear Answers.
Ask any question about JavaScript here... and get an instant response.
Q&A Balloon Q&A Logo
Post this Question & Answer:

How can I handle errors gracefully with fetch when the API returns a non-JSON response?

Asked on Nov 07, 2025

Answer

When using the Fetch API, you can handle errors gracefully by checking the response status and content type before attempting to parse the response as JSON. This ensures that you handle non-JSON responses appropriately.
<!-- BEGIN COPY / PASTE -->
        fetch('https://api.example.com/data')
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                const contentType = response.headers.get('content-type');
                if (contentType && contentType.includes('application/json')) {
                    return response.json();
                } else {
                    throw new Error('Received non-JSON response');
                }
            })
            .then(data => {
                console.log('Data:', data);
            })
            .catch(error => {
                console.error('Fetch error:', error);
            });
        <!-- END COPY / PASTE -->
Additional Comment:
  • The "fetch" function initiates a network request to the specified URL.
  • Check "response.ok" to ensure the HTTP status code is in the 200-299 range.
  • Verify the "content-type" header to confirm the response is JSON before parsing.
  • Use "catch" to handle any errors that occur during the fetch or parsing process.
✅ Answered with JavaScript best practices.
← Back to All Questions

Q&A Network
Real Questions. Clear Answers.
JavaScript
Ask Questions / Get Answers about JavaScript!
Animation
Ask Questions / Get Answers about Animation!
Chatbots
Ask Questions / Get Answers about Chatbots!
Illustration
Ask Questions / Get Answers about Illustration!
Tailwind
Ask Questions / Get Answers about Tailwind!
Data Science
Ask Questions / Get Answers about Data Science!
Robotics
Ask Questions / Get Answers about Robotics!
AI
Ask Questions / Get Answers about AI!
Graphic Design
Ask Questions / Get Answers about Graphic Design!
Bootstrap
Ask Questions / Get Answers about Bootstrap!
AI Education
Ask Questions / Get Answers about AI Education!
WordPress
Ask Questions / Get Answers about WordPress!
SEO
Ask Questions / Get Answers about SEO!
DevOps
Ask Questions / Get Answers about DevOps!
Cybersecurity
Ask Questions / Get Answers about Cybersecurity!
Monetization
Ask Questions / Get Answers about Ad & Monetization!
Photography
Ask Questions / Get Answers about Photography!
MobileDev
Ask Questions / Get Answers about Mobile Developement!
Business Finance
Ask Questions / Get Answers about Business Finance!
UI/UX Design
Ask Questions / Get Answers about UI/UX Design!
AI Audio
Ask Questions / Get Answers about AI Audio!
Web Development
Ask Questions / Get Answers about Web Development!
Cloud Computing
Ask Questions / Get Answers about Cloud Computing!
Digital Burnout
Ask Questions / Get Answers about Digital Burnout!
AI Coding
Ask Questions / Get Answers about AI Coding!
AI Marketing
Ask Questions / Get Answers about AI Marketing!
3D Design
Ask Questions / Get Answers about 3D Design!
CSS
Ask Questions / Get Answers about CSS!
Nursing
Ask Questions / Get Answers about Nursing!
HTML
Ask Questions / Get Answers about HTML!
Motion Graphics
Ask Questions / Get Answers about Motion Graphics!
AI Images
Ask Questions / Get Answers about AI Images!
AI Video
Ask Questions / Get Answers about AI Video!
Web Hosting
Ask Questions / Get Answers about Hosting!
AI Ethics
Ask Questions / Get Answers about AI Ethics!
AI Writing
Ask Questions / Get Answers about AI Writing!
AI Business
Ask Questions / Get Answers about AI Business!
Web Languages
Ask Questions / Get Answers about Web Languages!
Podcasting
Ask Questions / Get Answers about Podcasting!
Video Editing
Ask Questions / Get Answers about Video Editing!
AI Design
Ask Questions / Get Answers about AI Design!
Film Production
Ask Questions / Get Answers about Film Production!
Social Media Psychology
Ask Questions / Get Answers about Social Media Psychology!
Analytics
Ask Questions / Get Answers about Analytics!
Networking
Ask Questions / Get Answers about Networking!
Security
Ask Questions / Get Answers about Website Security!
Sound Design
Ask Questions / Get Answers about Sound Design!
VR & AR
Ask Questions / Get Answers about VR & AR!
IoT
Ask Questions / Get Answers about IoT!
Quantum
Ask Questions / Get Answers about Quantum Computing!
Performance
Ask Questions / Get Answers about Web Vitals!
Creative Writing
Ask Questions / Get Answers about Creative Writing!