 In this demo, we are going to load an external JSON file using AJAX. We will dissect an AJAX request and log the response in the console. Today's all modern browsers have an AJAX support which allows access to any services and APIs. So with that, we can interact with these services asynchronously without reloading the entire page. This technology is called asynchronous JavaScript and XML. Today, however, JSON data is preferred more over XML data. AJAX can update a part of your page dynamically without reloading the entire page. The heart of AJAX technology is the XML HTTP request object which is built into all modern browsers. Now to use XML HTTP request object, we first create an instance of it using any variable name we want. In this case, say XHR. And then next, we need to prepare the parameter for which we want to perform the operation. So for that, we need to use the open method of XML HTTP request. So in this method, there are three parameters. First, we need a method for retrieving the information. So we will use get over here. And then we need to set a path where our JSON file resided. And then this Boolean parameter indicate that whether or not you want to use execute this request asynchronously. So this should be true in our case. And then next, we use the send method which actually execute the entire process. And in between this, we create a function that waits for the data to load successfully. And once we get the data, we convert it from a string to an object and put that response object into a custom variable. Then just to see if everything works, I will preview the JSON object in the JavaScript console. So now let's see this practically.