How do I make an HTTP request in Javascript?

 

Making an HTTP request in JavaScript is quite easy and can be done using the built-in XMLHttpRequest object or by using a library such as jQuery or Axios.

Using the XMLHttpRequest object:

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com", true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send();

Using the fetch method:

fetch('https://example.com')
  .then(response => response.text())
  .then(data => {
    console.log(data)
  });

Using axios:

axios.get('https://example.com')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

It's worth noting that the fetch method and axios are not supported in old browsers like IE. If you need to support older browsers, you may need to use a library like jQuery.

jQuery:

$.get("https://example.com", function(data) {
    console.log(data);
});

In these examples, we are making a GET request to "https://example.com" and printing the response to the console. You can also make POST requests and send data along with the request using the open method's third parameter and the send method.

It's also worth noting that you can use the fetch method and axios with a configuration object to customize the request and handle more complex use cases.

Overall, making an HTTP request in JavaScript is a simple task that can be accomplished using the built-in XMLHttpRequest object, the fetch method, or a library like jQuery or Axios.