What is XHR and how is it used in web development?

What is XHR and how is it used in web development?

XHR stands for XMLHttpRequest. It's an API in JavaScript that allows you to send and receive data asynchronously from a web server.

Can you give me an example of how to use XHR?

Sure! Here's a simple 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 advantages of using XHR?

Some advantages include the ability to update parts of a web page without reloading, improved user experience, and reduced server load.

Are there any alternatives to XHR?

Yes, the Fetch API is a modern alternative to XHR that provides a more powerful and flexible feature set.