# 18: Ajax og JSON - CSS-tricks

Anonim

Der er en god chance for, at den # ting, du bruger Ajax til, i den "virkelige verden" er at sende og modtage JSON-data. Og med god grund. JSON antager ikke nogen visuel struktur, som HTML gør. Det er bare rådata, og du kan gøre med det, hvad du vil, som ofte placeres i skabeloner. Dette aflaster noget af arbejdet fra serverne til klienterne (browsere). Du kan lære mere om JavaScript-skabeloner i en anden screencast.

jQuery har en speciel Ajax-funktion kun til at få JSON, passende navngivet & .getJSON (). Det ligner meget på GET:

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

Forskellen er, at dataobjektet i tilbagekaldelsen er et klar-til-rock-objekt fuld af data, du kan gøre hvad du vil med. Sandsynligvis løkke gennem det tilføje ting til siden.

Indtil videre har vi talt om $ .get, $ .post og $ .getJSON - men det er værd at bemærke, at disse alle bare er bekvemhedsmetoder, der i sidste ende kalder $ .ajax. Hvis du foretrækker at være meget specifik for alle dine Ajax-muligheder, kan du bruge det direkte.