Difference between AJAX and XMLHttpRequest [duplicate]

Question

What is the difference between XMLHttpRequest and AJAX? Can anybody provide some examples to know the difference in terms of functionality and performance?

Answer 1

XMLHttpRequest can be used to retrieve any type of data, not just XML, and it supports protocols other than HTTP including file and ftp.

var XMLHttpRequest = new XMLHttpRequest();
XMLHttpRequest.onreadystatechange = function() {
    if (XMLHttpRequest.readyState == XMLHttpRequest.DONE) {
        console.log(XMLHttpRequest.responseText);
    }
}
XMLHttpRequest.open('GET', 'http://google.com', true);
XMLHttpRequest.send(null);

AJAX stands for Asynchronous JavaScript And XML. it is the use of the XMLHttpRequest to communicate with servers.

It can send and receive information in various formats, including JSON, XML, HTML, and text files.

var request = $.ajax({
    type: 'GET',
    url: "http://google.com",
    async: true,
    success: function() {
        console.log('sucess');
    }
});

Answer 2

I already know a answer was submitted previously.

(Asynchronous JavaScript + XML)

Is a group of interrelated client- and server-side development technologies that allows parts of a webpage to be updated without having to reload the entire page think of sites like YouTube, Google Maps, Gmail, and tabs within Facebook. It changed usability and the speed of web applications with its innovative concept: asynchronously exchanging small amounts of data with the server behind the scenes, without affecting the rest of the page. XMLHttpRequest is just a implementation of ajax, The XMLHttpRequest object is used to exchange data with a server.