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

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]


Radu Popescu

https://RaduPopescu.ro

Fondatorul comunitatii VlogDeIT. IT-ist generalist pasionat de zona de marketing/business. Ajut tinerii sa inteleaga domeniul IT din Romania si sa se angajeze mai usor.

Related post

Leave a Reply

Your email address will not be published. Required fields are marked *