16 January, 2023
How do i make an HTTP request in javascript
Table of Content
There are several ways to make an HTTP request in JavaScript, such as using the XMLHttpRequest object, the fetch() API, or a library like axios or jQuery.
Here is an example of making a GET request using the XMLHttpRequest object:
Copy codevar xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
And here is an example of making a GET request using the fetch() API:
Copy codefetch("https://api.example.com/data")
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
});
You can use any library as well like axios or jquery ajax etc.
axios.get('https://api.example.com/data')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
Copy code
$.ajax({
url: 'https://api.example.com/data',
type: 'GET',
success: function(data) {
console.log(data);
}
});
There are many other ways as well to make http request in javascript like using async/await etc.
