Forum Mjukvara Programmering och digitalt skapande Tråd

Innehåll på hemsida med API

1
Skriv svar
Permalänk
Medlem
●

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.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

https://www.w3schools.com/jquery/ajax_getjson.asp

Pröva dig fram först.

Redigera
Citera flera Citera
Permalänk
Medlem
●

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);
})

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

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.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack, jag fick det att fungera.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara