# 18: Ajax и JSON - CSS-хитрости

Anonim

Есть большая вероятность, что в «реальном мире» вещь №1, для которой вы используете Ajax, - это отправка и получение данных JSON. И не зря. JSON не предполагает никакой визуальной структуры, как HTML. Это просто необработанные данные, и вы можете делать с ними все, что захотите, что часто помещается в шаблоны. Это переносит часть работы с серверов на клиентов (браузеры). Вы можете узнать больше о шаблонах JavaScript в другом скринкасте.

В jQuery есть специальная функция Ajax для получения JSON с соответствующим названием & .getJSON (). Это очень похоже на GET:

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

Разница в том, что объект данных в обратном вызове - это готовый к использованию объект, полный данных, с которыми вы можете делать все, что захотите. Скорее всего, прокрутите его, чтобы добавить материал на страницу.

До сих пор мы говорили о $ .get, $ .post и $ .getJSON, но стоит отметить, что все это просто удобные методы, которые в конечном итоге вызывают $ .ajax. Если вы предпочитаете конкретизировать все параметры Ajax, вы можете использовать их напрямую.