# 18: Ajax und JSON - CSS-Tricks

Anonim

Es besteht eine gute Chance, dass in der „realen Welt“ das Wichtigste, wofür Sie Ajax verwenden, das Senden und Empfangen von JSON-Daten ist. Und das aus gutem Grund. JSON setzt keine visuelle Struktur wie HTML voraus. Es sind nur Rohdaten und Sie können damit machen, was Sie wollen, was oft in Vorlagen abgelegt wird. Dadurch wird ein Teil der Arbeit von den Servern auf die Clients (Browser) verlagert. Weitere Informationen zu JavaScript-Vorlagen finden Sie in einem anderen Screencast.

jQuery verfügt über eine spezielle Ajax-Funktion zum Abrufen von JSON mit dem entsprechenden Namen & .getJSON (). Es sieht GET sehr ähnlich:

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

Der Unterschied besteht darin, dass das Datenobjekt im Rückruf ein sofort einsatzbereites Objekt voller Daten ist, mit denen Sie tun können, was Sie wollen. Wahrscheinlich durchschleifen, um Sachen an die Seite anzuhängen.

Bisher haben wir über $ .get, $ .post und $ .getJSON gesprochen - aber es ist erwähnenswert, dass dies alles nur praktische Methoden sind, die letztendlich $ .ajax nennen. Wenn Sie es vorziehen, alle Ihre Ajax-Optionen genau zu definieren, können Sie dies direkt verwenden.