Settare l'header in jQuery getJSON

Quando usiamo $.ajax di jQuery, possiamo settare diverse cose in più rispetto alla "scorciatoia" $.getJSON; ad esempio l'header.

O almeno io non sono ci sono riuscito senza l'utilizzo di $.ajaxSetup.

Usare AJAX con Google Maps

In questo articolo avevamo visto come impostare più indirizzi su Google Maps.

Solo che in quel caso gli indirizzi li abbiamo messi a mano, il che non è sempre comodo; pensate ad una mappa con centinaia di indirizzi!

Possiamo, però, risolvere prendendo i dati tramite AJAX!

Da dove li prendiamo ha relativa importanza, l'importante è che siano in formato JSON, che ci facilita di parecchio il lavoro.

Riempire una select da JSON

In una web app (soprattutto se creata per il mobile) può capitare di dover riempire un componente select con dati presi in formato tipo JSON o XML, magari presi tramite AJAX.

Io tra i due ho preferito JSON, vista anche la facilità di prendere questi dati tramite jQuery con la funzione getJSON.

Prima di tutto sulla pagina create una select:

<select id="my_select"></select>

Può essere totalmente vuota o con alcuni componenti preimpostati.

Riempire una tabella con Javascript e JSON

In un app mobile, fatta con jQuery Mobile, mi è capitato di dover riempire una tabella con dati presi da un web service in formato JSON.

Ho quindi dovuto usare Javascript per leggere i dati e riempire la tabella.

Dato che ho visto che è una cosa non così inusuale, vediamo come fare in questo semplice articolo.

Partiamo da questo codice HTML:

<table id="my_table">
  <tbody>
  </tbody>
</table>

Una tabella vuota in pratica.