Scurt tutorial Jquery GetJson
Hai sa incarcam niste date in format JSON (JavaScript Object Notation) de pe un server extern folosind un request de tip GET. Pentru asta ne vom folosi de functia getJson() din jQuery. Aceatsa functie foloseste AJAX (Asynchronous JavaScript and XML), un mod prin care serverul trimite doar datele de care ai nevoie intr-o pagina fara sa o incarce pe toata.
Codul folosit in video
[js]
$(function() {
$(‘.button’).click(function(){
$.getJSON( ‘https://api.fixer.io/latest?base=Ron’, function( json ) {
console.log(json.date);
console.log(json.rates.EUR);
$(‘.a’).append(json.rates.EUR);
});
});
});
[/js]
Alte surse JSON online
- https://openweathermap.org/current
- https://www.instagram.com/popescuradhoo/?__a=1
- http://worldcup.sfg.io/matcheshttps://en.wikipedia.org/w/api.php?action=query&prop=extracts&format=json&exintro=&titles=Apple
- http://api.open-notify.org/iss-now.json
- https://raw.githubusercontent.com/Biuni/PokemonGO-Pokedex/master/pokedex.json
Exemplu cu live data (positia Statiei Spatiale Internationale)
[js]function getISS(){
$.getJSON( ‘http://api.open-notify.org/iss-now.json’, function( json ) {
$(‘#issLat’).text(‘Latitudine: ‘ + json.iss_position.latitude);
$(‘#issLon’).text(‘Longitudine: ‘ + json.iss_position.longitude);
});
}
$(function() { setInterval(getISS, 1000); });[/js]
