Forumdelen sponsras av

Trädvy Permalänk
Medlem
Registrerad
Maj 2015

Innehåll på hemsida med API

Jag funderar på hur man hämtar information till sin hemsida med hjälp av API.

Det jag är intresserad av finns på https://luftdata.se/data/.
Data jag vill hämta är: api.luftdaten.info/v1/sensor/13481/ (API-ID = sensor 13481).

Min fråga är hur får man ut data från sidan?
Vilka olika programmeringsdelar behövs, hur knyter man ihop det?
Finns det nåt pedagogiskt som man kan läsa hur man gör?

Jag har gjort hemsida med html-kod, lite javascriptkoder, så jag är typ nybörjare.

Trädvy Permalänk
Medlem
Plats
Mora
Registrerad
Jan 2011
Trädvy Permalänk
Medlem
Registrerad
Maj 2015

Nu har jag provat mig fram med koden nedan, och den fungerar på http://jsbin.com.
Men hur implementerar jag den till min egen hemsida? Ska man spar javascriptet i en egen fil på nåt sätt?

HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min..."></script>
<div id="output"></div>
</body>
</html>

JAVASCRPT:
var queryURL = "//api.luftdaten.info/v1/sensor/13481/";
$.getJSON(queryURL, function(data) {
var result = data[0].sensordatavalues
console.log(result);
var value = result[0].value
$('#output').append('The value is ' + value);
})

Trädvy Permalänk
Medlem
Plats
Helsingborg
Registrerad
Jan 2015

Spara scriptet som egen fil t.ex. "filnamn.js" och lägg i samma katalog som htmlfilen, och ladda den precis som du laddar jquery fast givetvis ändra src så den pekar på din scriptfil.

Trädvy Permalänk
Medlem
Registrerad
Maj 2015

Tack, jag fick det att fungera.