JavaScript Schnellstart: Daten laden per HTTP

Wie kannst du eigentlich mit Daten im Internet umgehen?

Jeder Browser und jede Webseite arbeitet mit HTTP.

HTTP ist das Übertragungsprotokoll für Daten im Internet. Es gibt auch noch anderen Protokolle, z. B. FTP für Dateien, SMTP für E-Mails und noch viele weitere. In diesem Moment sollst du eine kurze Einführung in HTTP erhalten.

Wie kann ich Daten über HTTP senden oder empfangen?

HTTP (Hyper Text Transfer Protokoll) ist aufgeteilt in verschiedene „Methoden“. Es gibt verschiedene Arten, um Daten zu holen oder zu senden. Die wichtigsten Methoden sind

1. GET
2. POST

GET-Requests

Mit einem GET kann man Daten anfragen. Das passiert, wenn du zum Beispiel eine Webseite im Netz aufrufst. Dein Browser macht einen GET-Request an die Webseite, die du aufrufen willst.

POST-Requests

Mit einem POST kann man Daten an einen Server zur Verarbeitung schicken. Je nach Server, erhält man eine Antwort ähnlich wie im GET-Request. Der Server darf bei einem POST-Request Daten speichern und verändern.

Weitere Requests

Es gibt noch ein paar weitere, allerdings benötigt man diese nur in den seltensten Fällen.

Was sind HTTP-Statuscodes?

In jedem Fall bekommt man bei solchen Anfragen eine Antwort mit einem HTTP-Statuscode.

Fast jeder kennt die berühmte Zahl 404, wenn man eine Seite angeklickt hat, die nicht mehr aufzufinden ist.

404 ist der Statuscode für „Inhalt nicht gefunden“.

Der wichtigste Code ist allerdings der Code 200 – „OK“. Auch wenn man als Internetuser diesen nicht zu sehen bekommt, zeigt dieser an, dass die HTTP-Anfrage erfolgreich beendet wurde.

Soviel zur Theorie.

Wir hatten vorhin jQuery genutzt, um einfacher mit dem DOM zu arbeiten. Jetzt nutzen wir jQuery, um einen GET bzw. POST-Request zu senden.

Code-Beispiel - Ein GET-Request in JavaScript mit jQuery sieht folgendermaßen aus:

$.get("URL", function(data) {
  //Im Parameter "data" sind die Daten enthalten.
});

Übung - Ich würde sagen, dass wir diesen Befehl nehmen und den Inhalt der Antwort in unserem Programm ausgeben: