In JavaScript, you can make an HTTP request using the XMLHttpRequest
object or the newer fetch()
function. Here’s an example of how to make an HTTP GET request using both methods:
Using XMLHttpRequest:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// Process the response data
console.log(response);
}
};
xhr.send();
Using fetch():
fetch("https://api.example.com/data")
.then(function(response) {
if (response.ok) {
return response.json();
}
throw new Error("HTTP status code: " + response.status);
})
.then(function(data) {
// Process the response data
console.log(data);
})
.catch(function(error) {
// Handle any errors
console.log(error);
});
Both methods allow you to send additional data, headers, and handle different HTTP methods (GET, POST, PUT, DELETE, etc.). However, the fetch()
function has a simpler and more modern API and is generally recommended for making HTTP requests in modern JavaScript applications.