# 18: Ajax та JSON - CSS-хитрощі

Anonim

Є велика ймовірність того, що в “реальному світі” No1, для чого ви використовуєте 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, ви можете використовувати це безпосередньо.