Соединяемся с Twitter’ом, используя .getJSON

На сегодняшний день Twitter является довольно популярным интернет-сервисом для ведения микроблогов. Именно поэтому существует множество плагинов, написанных на jQuery, которые позволяют соединиться с Twitter. Я отдаю свое предпочтение плагину от Damien du Toit, скачать который можно по следующей ссылке: jQuery Plugin for Twitter. Если вы действительно желаете получить тщательный контроль над Twitter, этот плагин будет весьма кстати.

Однако API методы Twitter Search и User Timeline являются более предпочтительными. Ниже мы с вами ознакомимся с тем, как использовать функцию .getJSON в своих целях. Плюс ко всему, наш гипотетический клиент мог бы заметить, что главная страница является чересчур пустой, поэтому он хотел бы добавить к ней вывод трех последних твитов из своего микроблога.

Основы JSON

Перед тем как погрузиться в работу с Twitter и другими сервисами, давайте изучим основы JSON, а также посмотрим, как можно интегрировать JSON и jQuery. JSON (часто произносится как Джейсон) представляет собой акроним, образованный от слов JavaScript Object Notation. По существу, это простой машинно-читаемый формат обмена данными, который позволяет значительно ускорить построение API приложений на Javascript и облегчить работу с ними (JSON может использоваться и другими языками программирования). Если вы хотите более подробно ознакомиться с JSON, советую вам обратить к сайту: http://json.org.

Что представляет собой JSON

Вы будете приятно удивлены, узнав, что синтаксис разметки JSON во многом подобен стандартному синтаксису «параметр: значение», который используется в jQuery и CSS. Си-подобная объектная нотация, которая используется в большинстве языков (к примеру, Java, Javascript и т.д.), позволяет без лишних усилий выполнять любые требования, с которыми сталкивается веб-разработчик во время выполнения разнообразных проектов.

В качестве примера приведем jQuery функцию .css(), которой можно передавать множественные значения, используя фигурные скобки:

.css({background: '#ff6600', color: '#333333', height: '300px'});

Аналогично, JSON данные могут быть переданы следующим образом:

{"results":[{"text":"text string here",
"to_user_id":0001,"user_name":"ThunderCat"}]}

Давайте теперь посмотрим на использование JSON вместе с jQuery.

Использование JSON с jQuery

Рассмотрим более внимательно функцию .getJSON:

jQuery.getJSON(
url, //расположение данных
data, //передаваемые методом POST данные
function(){
//callbackfunction
}
);
...

Первый параметр – это URL, откуда нам необходимо считать данные. Второй параметр – данные, которые передаются в URL методом POST (строка запроса или массив). Функция обратного вызова в большинстве случаев не требуется.