//boilerplate code for an AJAX GET request using an XMLHttpRequest object const xhr = new XMLHttpRequest(); const url = 'https://api-to-call.com/endpoint'; //xhr - XMLHttpRequest, it is a common practice to name this object xhr.responseType = 'json'; xhr.onreadystatechange = () => { //The purpose of this conditional statement checks to see if th…

AJAXgetRequest.js

//boilerplate code for an AJAX GET request using an XMLHttpRequest object

const xhr = new XMLHttpRequest();
const url = 'https://api-to-call.com/endpoint';

//xhr - XMLHttpRequest, it is a common practice to name this object
xhr.responseType = 'json';
xhr.onreadystatechange = () => {
  //The purpose of this conditional statement checks to see if the request has finished.
  if (xhr.readyState === XMLHttpRequest.DONE) {
    return xhr.response;
  }
}

//.open() creates a new request and the arguments passed in determine the type and URL of the request.
xhr.open('GET', url);
xhr.send();