Eine Web-API ist der Traum eines jeden Entwicklers.
Es kann die Funktionalität des Browsers erweitern
Es kann komplexe Funktionen erheblich vereinfachen
Es kann komplexem Code eine einfache Syntax verleihen
API steht für Application Programming Interface.
Eine Web-API ist eine Anwendungsprogrammierschnittstelle für das Web.
Eine Browser-API kann die Funktionalität eines Webbrowsers erweitern.
Eine Server-API kann die Funktionalität eines Webservers erweitern.
Alle Browser verfügen über eine Reihe integrierter Web-APIs um komplexe Vorgänge zu unterstützen und den Zugriff auf Daten zu erleichtern.
Beispielsweise kann die Geolocation-API die Koordinaten des Standorts des Browsers zurückgeben.
Ermitteln Sie den Breiten- und Längengrad der Position des Benutzers:
const myElement = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myElement.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
myElement.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Geolocation</h2>
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
const x = document.getElementById("demo");
function getLocation() {
try {
navigator.geolocation.getCurrentPosition(showPosition);
} catch {
x.innerHTML = err;
}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>
APIs von Drittanbietern sind nicht in Ihren Browser integriert.
Um diese APIs verwenden zu können, müssen Sie den Code aus dem Internet herunterladen.
Beispiele:
YouTube-API - Ermöglicht die Anzeige von Videos auf einer Website.
Twitter-API - Ermöglicht die Anzeige von Tweets auf einer Website.
Facebook-API - Ermöglicht die Anzeige von Facebook-Informationen auf einer Website.