Confronto fra tecniche di chiamata asincrona

Chiamata verso un server PHP (il server risponde dopo aver atteso casualmente tra i 2 e i 5 secondi)

⏱️ Browser attivo da: 0.0 s

1. jQuery AJAX

Usa libreria esterna e callback annidate.

In attesa di comando...
// la vecchia scuola (quella del prof)
$.ajax({
  url: 'server.php',
  success: (dati) => {
    stampa(dati);
  },
  error: (err) => {
    gestisci(err);
  }
});

2. Fetch API

Nativo, basato su catene di .then()

In attesa di comando...
// Evoluzione
fetch('server.php')
  .then(res => res.text())
  .then(dati => {
    stampa(dati);
  })
  .catch(err => ...);

3. Async / Await

Nativo, sintassi essenziale e pulita.

In attesa di comando...
// Approdo
async function() {
  try {
    const res = await fetch(url);
    const dati = await res.text();
    stampa(dati);
  } catch(err) { ... }
}