There are several ways to make HTTP requests in JavaScript. Here are a few options:

The XMLHttpRequest object is a built-in object in JavaScript that allows you to make HTTP requests. You can use the XMLHttpRequest object to send an HTTP request to a server and load data from the server without a page refresh. Here is an example of how to use the XMLHttpRequest object to send a GET request to a server:

// Create a new XMLHttpRequest object
var xhr = new XMLHttpRequest();

// Set the callback function
xhr.onload = function() {
  // Process the response from the server
  console.log(xhr.responseText);
}

// Open the request
xhr.open("GET", "http://example.com/api/data");

// Send the request
xhr.send();

Another option is to use the fetch function, which is a modern way to make HTTP requests. The fetch function is available in modern browsers, and you can also use a polyfill to add support for older browsers. Here is an example of how to use the fetch function to send a GET request to a server:
 
fetch("http://example.com/api/data")
  .then(response => response.text())
  .then(text => console.log(text))
  .catch(error => console.log(error));