# 18: Ajax и JSON - CSS-трикове

Anonim

Има голям шанс, че в „реалния свят“ първото нещо, за което използвате 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, можете да го използвате директно.