What is XMLHttpRequest and how do I use it?

What is XMLHttpRequest and how do I use it?

XMLHttpRequest is an API in JavaScript that allows you to send HTTP requests to servers. You can use it to fetch data asynchronously.

Can you show me a simple example of how to use it?

Sure! Here's a basic example:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onload = function () {
    if (xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send();

What are the common use cases for XMLHttpRequest?

Common use cases include fetching data from APIs, submitting forms without reloading the page, and loading content dynamically.

Is there a modern alternative to XMLHttpRequest?

Yes, the Fetch API is a modern alternative that provides a more powerful and flexible feature set for making HTTP requests.