Kada programi međusobno razmenjuju podatke, ti podaci moraju biti zapisani u nekom formatu. JSON (JavaScript Object Notation) je jednostavan format koji se koristi za čuvanje i slanje podataka. Liči na JavaScript objekte, ali ga mogu koristiti i drugi programski jezici.

Druga definicija:  JSON (Džejson) je način zapisivanja podataka tako da ih programi mogu lako čitati i koristiti. Možete ga zamisliti kao tabelu podataka zapisanu u obliku teksta.

---

Primer običnih podataka u JavaScript-u, napisanih na dva načina:

  let proizvod = {
    ime: "Laptop",
    cena: 50000
  };
  console.log(proizvod.ime);  // Ispisuje "Laptop"

ili

  let proizvod = { ime: "Laptop", cena: 50000 };
  console.log(proizvod.ime);  // Ispisuje "Laptop"

Sada, ti isti podaci zapisani kao JSON (samo tekst!):

  {
    "ime": "Laptop",
    "cena": 50000
  }

🔹 JSON je običan tekst, ali zapisuje podatke kao parove ime-vrednost.
🔹 Izgleda slično JavaScript objektima, ali koristi dvostruke navodnike "".
🔹 Svi brojevi pišu se bez navodnika, a tekst u navodnicima.

JSON je samo tekst – ne može imati funkcije kao JavaScript objekti.

Kako JavaScript može da koristi JSON?

  Pretvaranje JSON teksta u JavaScript objekat:

  let jsonTekst = '{"ime": "Laptop", "cena": 50000}';
  let objekat = JSON.parse(jsonTekst);  // Pretvara JSON u JavaScript objekat
  console.log(objekat.ime);  // Ispisuje "Laptop"

Ako treba da pretvorimo JavaScript objekat nazad u JSON:

  let jsonString = JSON.stringify(objekat);
  console.log(jsonString);  // Ispisuje: '{"ime":"Laptop","cena":50000}'

1️⃣ async – Deklariše asinhronu funkciju

Kada funkciju označimo kao async, ona automatski vraća Promise. To znači da može da sadrži await i da radi asinhrono.

async function mojaFunkcija() {
    return "Pozdrav!";
}

mojaFunkcija().then(console.log); // Ispisuje: Pozdrav!

🔹 Objašnjenje:

• Funkcija mojaFunkcija() vraća "Pozdrav!", ali zato što je async, vraća ga kao Promise.
• then(console.log) omogućava da sačekamo rezultat i ispišemo ga u konzoli.

---

2️⃣ await – Čeka da se Promise završi

Ključna reč await omogućava da "sačekamo" završetak asinhronog zadatka pre nego što se nastavi dalje izvršavanje koda. Može se koristiti samo unutar async funkcija.

✅ Primer: Učitavanje podataka pomoću Fetch API

async function ucitajPodatke() {
    let response = await fetch("https://jsonplaceholder.typicode.com/todos/1"); // Čekamo odgovor sa servera
    let data = await response.json(); // Čekamo konverziju u JSON format
    console.log(data); // Prikaz podataka
}

ucitajPodatke();

🔹 Kako radi?

1. await fetch(...) – Sačekaj da se HTTP zahtev izvrši.
2. await response.json() – Sačekaj da se podaci konvertuju iz JSON-a u objekat.
3. Tek kada su podaci spremni, izvršava se console.log(data).

✅
Pisanje asinhronog koda izgleda kao običan sekvencijalni kod, što ga čini čitljivijim i lakšim za održavanje.

Promise je objekat u JavaScript-u koji predstavlja rezultat asinhrone operacije – bilo da je uspešna (ispunjen promise) ili neuspešna (odbijen promise). Koristi se da reši problem asinhronog koda bez upotrebe callback funkcija (tzv. „callback hell“).

1. Kako radi Promise?

Zamislimo obećanje (promise) kao naručivanje hrane u restoranu:

• Naručimo hranu → Šaljemo zahtev (asinhrona operacija).
• Sačekamo da kuvar završi → Proces traje neko vreme (pending stanje).
• Hrana stiže → Obećanje je ispunjeno (fulfilled).
• Restoran nema sastojke → Obećanje je odbijeno (rejected).

---

2. Stanja Promise objekta

Promise može imati tri stanja:

Ukratko:

U slučaju AJAX-a i metode $.get() - koristi se metoda $.fail()

$.get('nepostojeca-stranica.json')
    .done(function (data) {
        console.log('Podaci:', data);
    })
    .fail(function (xhr, status, error) {
        console.error('Greška:', status, error);
    });

Fetch API :

• Fetch API NE baca grešku (throw error) ako server odgovori sa HTTP greškom (npr. 404 Not Found ili 500 Internal Server Error).
• Grešku baca samo ako postoji problem sa mrežom (npr. ako nema interneta, domen ne postoji, ili je CORS blokiran).

Zbog toga se try-catch koristi za hvatanje mrežnih grešaka, dok se HTTP greške proveravaju ručno pomoću response.ok

async function getData() {
    try {
        let response = await fetch('https://jsonplaceholder.typicode.com/posts/1');

        // Provera da li je HTTP status uspešan (2xx)
        if (!response.ok) {
            throw new Error(`HTTP Greška! Status: ${response.status}`);
        }

        let data = await response.json();
        console.log('Podaci:', data);
    } catch (error) {
        console.error('Greška:', error.message);
    }
}

getData();