# 18: Ajax e JSON - Trucchi CSS

Anonim

Ci sono buone probabilità che nel "mondo reale", la prima cosa per cui usi Ajax sia l'invio e la ricezione di dati JSON. E per una buona ragione. JSON non presume alcuna struttura visiva come fa l'HTML. Sono solo dati grezzi e puoi farci quello che vuoi, che è spesso inserito in modelli. Questo scarica parte del lavoro dai server ai client (browser). Puoi saperne di più sui modelli JavaScript in un altro screencast.

jQuery ha una speciale funzione Ajax solo per ottenere JSON, appropriatamente denominata & .getJSON (). Sembra estremamente simile a GET:

$.getJSON( "http://codepen.io/chriscoyier/pen/EAIJj.js", function(data) ( // Success! Do stuff with data. console.log(data); ) );

La differenza è che l'oggetto dati nel callback è un oggetto pronto per il rock pieno di dati con cui puoi fare quello che vuoi. È probabile che il ciclo attraverso di esso aggiunga elementi alla pagina.

Finora abbiamo parlato di $ .get, $ .post e $ .getJSON, ma vale la pena notare che questi sono solo metodi convenienti che alla fine chiamano $ .ajax. Se preferisci essere molto specifico su tutte le tue opzioni Ajax, puoi usarlo direttamente.