En web-API er en udviklers drøm.
Det kan udvide browserens funktionalitet
Det kan i høj grad forenkle komplekse funktioner
Det kan give nem syntaks til kompleks kode
API står for Application Programming Interface.
En web-API er en applikationsprogrammeringsgrænseflade til internettet.
En browser API kan udvide funktionaliteten af en webbrowser.
En Server API kan udvide funktionaliteten af en webserver.
Alle browsere har et sæt indbyggede web-API'er for at understøtte komplekse operationer og for at hjælpe med at få adgang til data.
For eksempel kan Geolocation API returnere koordinaterne for, hvor browseren er placeret.
Få bredde- og længdegraden af brugerens position:
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;
}Prøv det selv →
<!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>
Tredjeparts API'er er ikke indbygget i din browser.
For at bruge disse API'er skal du downloade koden fra internettet.
Eksempler:
YouTube API - Giver dig mulighed for at vise videoer på et websted.
Twitter API - Giver dig mulighed for at vise tweets på et websted.
Facebook API - Giver dig mulighed for at vise Facebook-oplysninger på et websted.