#18: Ajax und JSON

Es ist sehr wahrscheinlich, dass Sie Ajax in der „realen Welt“ am häufigsten zum Senden und Empfangen von JSON-Daten verwenden. Und das aus gutem Grund. JSON setzt keine visuelle Struktur voraus, wie es HTML tut. Es sind einfach Rohdaten, und Sie können damit machen, was Sie wollen, was oft bedeutet, sie in Vorlagen einzufügen. Dies verlagert einen Teil der Arbeit von den Servern auf die Clients (Browser). Mehr über JavaScript-Templating erfahren Sie in einem anderen Screencast.

jQuery hat eine spezielle Ajax-Funktion speziell für den Abruf von JSON, passenderweise &.getJSON() genannt. Sie sieht extrem ähnlich wie GET

$.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 Callback ein sofort einsatzbereites Objekt voller Daten ist, mit dem Sie tun können, was Sie wollen. Wahrscheinlich werden Sie es durchlaufen und Inhalte an die Seite anhängen.

Bisher haben wir über $.get, $.post und $.getJSON gesprochen – aber es ist erwähnenswert, dass dies alles nur Komfortmethoden sind, die letztendlich $.ajax aufrufen. Wenn Sie es bevorzugen, bei all Ihren Ajax-Optionen sehr spezifisch zu sein, können Sie diese direkt verwenden.