Communicating data over HTTP

Before we dive deeper into describing what the Angular built-in HTTP client is and how to use it to communicate with servers, let's talk about native implementations of HTTP first. Currently, if we want to communicate with a server over HTTP using JavaScript, we can use the XMLHttpRequest object. This contains all the necessary methods to establish a connection with a server and start exchanging data. You can see an example of how to fetch data in the following code:

const request = new XMLHttpRequest();
request.addEventListener("load", () => {
  if (request.readyState === 4 && request.status === 200) {
    console.log(request.responseText);
  } else {
    console.log('An error has occurred');
  }
});
request.open("GET", url);
request...