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 does XMLHttpRequest differ from Fetch API?

Asked on Aug 08, 2025

Answer

The XMLHttpRequest and Fetch API are both used to make network requests in JavaScript, but they have some key differences in usage and features.
<!-- BEGIN COPY / PASTE -->
        // Using XMLHttpRequest
        const xhr = new XMLHttpRequest();
        xhr.open("GET", "https://api.example.com/data", true);
        xhr.onload = function() {
            if (xhr.status === 200) {
                console.log("XMLHttpRequest Response:", xhr.responseText);
            }
        };
        xhr.send();

        // Using Fetch API
        fetch("https://api.example.com/data")
            .then(response => {
                if (!response.ok) {
                    throw new Error("Network response was not ok");
                }
                return response.json();
            })
            .then(data => console.log("Fetch API Response:", data))
            .catch(error => console.error("Fetch API Error:", error));
        <!-- END COPY / PASTE -->
Additional Comment:
  • The Fetch API is more modern and returns a Promise, making it easier to work with asynchronous code using then() and catch() methods.
  • XMLHttpRequest is older and uses a callback pattern, which can be more cumbersome and harder to read.
  • Fetch API provides a more powerful and flexible feature set, such as streaming and handling requests and responses with more control.
  • Error handling in Fetch requires checking the response.ok property, while XMLHttpRequest uses status codes directly.
✅ Answered with JavaScript best practices.
← Back to All Questions

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