Web API on kehittäjän unelma.
Se voi laajentaa selaimen toimintoja
Se voi yksinkertaistaa huomattavasti monimutkaisia toimintoja
Se voi tarjota helpon syntaksin monimutkaiselle koodille
API tarkoittaa Asovellus- P-ohjelmointi- I-liitäntää.
Web API on Webin sovellusohjelmointirajapinta.
Selainsovellusliittymä voi laajentaa verkkoselaimen toimintoja.
Palvelin API voi laajentaa verkkopalvelimen toimintoja.
Kaikissa selaimissa on joukko sisäänrakennettuja verkkosovellusliittymiä tukemaan monimutkaisia toimintoja ja helpottamaan tietojen saamista.
Esimerkiksi Geolocation API voi palauttaa selaimen sijaintipaikan koordinaatit.
Hanki käyttäjän sijainnin leveys- ja pituusaste:
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;
}Kokeile itse →
<!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>
Kolmannen osapuolen sovellusliittymiä ei ole sisäänrakennettu selaimeesi.
Jotta voit käyttää näitä sovellusliittymiä, sinun on ladattava koodi verkosta.
Esimerkkejä:
YouTube API - Voit näyttää videoita verkkosivustolla.
Twitter API - Voit näyttää twiittejä verkkosivustolla.
Facebook API - Voit näyttää Facebook-tietoja Web-sivustossa.