# 18: Ajax i JSON - CSS-Tricks

Anonim

Istnieje duża szansa, że ​​w „prawdziwym świecie” najważniejszą rzeczą, do której używasz Ajax, jest wysyłanie i odbieranie danych JSON. I nie bez powodu. JSON nie zakłada żadnej struktury wizualnej, takiej jak HTML. To tylko surowe dane i możesz z nimi zrobić, co chcesz, co często jest umieszczane w szablonach. To odciąża część pracy z serwerów na klientów (przeglądarki). Możesz dowiedzieć się więcej o tworzeniu szablonów JavaScript w innym screencastie.

jQuery ma specjalną funkcję Ajax służącą tylko do pobierania JSON, odpowiednio nazwaną & .getJSON (). Wygląda bardzo podobnie do GET:

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

Różnica polega na tym, że obiekt danych w wywołaniu zwrotnym jest gotowym do użycia obiektem pełnym danych, z którymi możesz zrobić, co chcesz. Prawdopodobnie zapętlaj go i dołączaj elementy do strony.

Do tej pory rozmawialiśmy o $ .get, $ .post i $ .getJSON - ale warto zauważyć, że są to tylko wygodne metody, które ostatecznie wywołują $ .ajax. Jeśli wolisz być bardzo dokładny co do wszystkich opcji Ajax, możesz użyć tego bezpośrednio.