Πώς μπορώ να κάνω ένα αίτημα HTTP σε Javascript;

Για να κάνετε μια αίτηση HTTP σε JavaScript, μπορείτε να χρησιμοποιήσετε το αντικείμενο XMLHttpRequest ή τη συνάρτηση fetch().

Ακολουθεί ένα παράδειγμα με τη χρήση του XMLHttpRequest:

var xhr = new XMLHttpRequest();

xhr.open(‘GET’, ‘https://www.example.com/’);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(‘The request succeeded! The response is:’, xhr.responseText);
} else {
console.log(‘The request failed with status code:’, xhr.status);
}
};

xhr.send();

Και εδώ είναι ένα παράδειγμα με τη χρήση της fetch():

fetch(‘https://www.example.com/’)
.then(function(response) {
if (response.ok) {
return response.text();
}
throw new Error(‘Request failed: ‘ + response.status);
})
.then(function(responseText) {
console.log(‘The request succeeded! The response is:’, responseText);
})
.catch(function(error) {
console.log(‘The request failed:’, error);
});

Και τα δύο παραδείγματα κάνουν μια αίτηση HTTP GET στη διεύθυνση URL https://www.example.com/. Το παράδειγμα XMLHttpRequest περιμένει να ενεργοποιηθεί το συμβάν onload, υποδεικνύοντας ότι η αίτηση ήταν επιτυχής, και στη συνέχεια καταγράφει την απόκριση στην κονσόλα. Το παράδειγμα fetch() χρησιμοποιεί Promises, γεγονός που το καθιστά λίγο πιο συνοπτικό. Χρησιμοποιεί τη μέθοδο then() για να χειριστεί την επιτυχή απάντηση και τη μέθοδο catch() για να χειριστεί τυχόν σφάλματα.

Σημειώστε ότι μπορείτε να χρησιμοποιήσετε οποιαδήποτε από αυτές τις μεθόδους για να κάνετε αιτήσεις σε άλλες διευθύνσεις URL και για να κάνετε επίσης διαφορετικούς τύπους αιτήσεων (π.χ. POST, PUT, DELETE).

klasikiperiptosiblavis