Wie stellt man eine HTTP-Anfrage in Javascript?

Einführung

JavaScript ist eine plattformübergreifende, objektorientierte Skriptsprache, die verwendet wird, um Webseiten interaktiv zu gestalten. Sie wird hauptsächlich als Frontend-Technologie für die Erstellung von Webseiten und Anwendungen eingesetzt. 

Lesen Sie auch: Verstehen von JavaScript For-Schleifen

Die Interaktion zwischen dem Frontend und dem Backend von Websites wird durch HTTP-Anfragen ermöglicht. Funktionen wie das Aktualisieren eines Datensatzes in der Datenbank, das Erstellen eines neuen Datensatzes, das Löschen eines Bildes usw. erfordern eine Interaktion zwischen einem Server und einem Client, um Daten zu ändern.

HTTP-Anfragen können verwendet werden, um Daten von einer serverseitigen Ressource zu senden oder zu empfangen. In diesem Schnipsel werden wir die XMLHttpRequest- und fetch-API für HTTP-Anfragen in JavaScript behandeln.

Lesen Sie auch: JavaScript Array Map Methode

Hier ist ein Beispiel mit XMLHttpRequest

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

Und hier ein Beispiel für die Verwendung der Fetch-API

Lesen Sie auch: Beste Youtube-Kanäle zum Lernen von JavaScript

fetch("https://api.example.com/data.json")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));