# 18: Ajax og JSON - CSS-triks

Anonim

Det er en god sjanse for at den første tingen du bruker Ajax til å sende og motta JSON-data i den "virkelige verden". Og med god grunn. JSON antar ikke noen visuell struktur som HTML gjør. Det er bare rådata, og du kan gjøre med det som du vil, som ofte blir lagt i maler. Dette avlaster noe av arbeidet fra serverne til klientene (nettlesere). Du kan lære mer om JavaScript-mal i en annen screencast.

jQuery har en spesiell Ajax-funksjon bare for å få JSON, passende navn & .getJSON (). Det ser veldig ut som GET:

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

Forskjellen er at dataobjektet i tilbakeringingen er et klart-til-stein-objekt fullt av data du kan gjøre hva du vil med. Sannsynligvis sløyfe gjennom det, legg til ting på siden.

Så langt har vi snakket om $ .get, $ .post og $ .getJSON - men det er verdt å merke seg at dette bare er praktisk metoder som til slutt kaller $ .ajax. Hvis du foretrekker å være veldig spesifikk om alle Ajax-alternativene dine, kan du bruke det direkte.