JQuery. Выборка данных при помощи метода $.getJSON на примере Twitter

23 июля 2012 | Автор: | Категория: JQuery и PHP

Продолжаю изучать JQuery, и сегодняшний пост будет о том, как осуществить выборку данных с внешнего сайта, в моём случае я использовал twitter, при помощи метода $.getJSON.

Twitter-клиент

Общий вид функции такой:

$.getJSON( url, [data], [callback] )

где:
url — строка, содержащая адрес, на который отправляется запрос;
data — данные, которые будут передаваться на сервер;
callback – функция выполняемая в случае успешной загрузки данных.

В моём примере будет выводиться 6 последних твитов содержащих слово «google». Передача данных осуществляется посредством API, который предоставляет Twitter. Описание всех доступных параметров можно посмотреть на странице http://dev.twitter.com/docs/api/1/get/search.

<script type="text/javascript">    
var searchTerm = "google";
var baseUrl = "http://search.twitter.com/search.json?q=";
$.getJSON(baseUrl + searchTerm + "&rpp=6" + "result_type=recent" + "&callback=?", function(data) {
var content = '<table>';
$.each(data.results, function() {
content += '<tr><td><img src="' + this.profile_image_url + '"  style="padding-right: 5px;"/></td><td><a href="http://twitter.com/' + this.from_user + '" style="padding-right: 5px;">' + this.from_user + '</a>' + this.text + '</td></tr>';
})
content += '</table>';
$('#tweets').append(content);
});
</script>

Для каждого элемента будет выводиться аватарка пользователя, ссылка на профиль и текст твита в котором упоминается слово «google».

При помощи метода $.each осуществляем циклический обход полученных данных, сохраняем всё в переменную content и с помощью функции .append() добавляем на страницу внутри элемента div, атрибутом id которого имеет значение tweets.

Пример работы скрипта можно посмотреть здесь.
Скачать все файлы примера JQuery_Example3.zip

Со стилями я как обычно сильно не заморачивался, сейчас хочу изучить побольше функций (методов) и плагинов доступных в Jquery, чтобы более менее понимать, как можно реализовать тот или иной функционал на сайте.

Кроме того занимаюсь выводом блога в ТОП 10 Google.com.ua по запросу «продвижение сайта в Донецке» и на первое место в Google.ru по запросу «продвижение сайта под пингвином».

Метки: ,

2 комментария к "JQuery. Выборка данных при помощи метода $.getJSON на примере Twitter"

  1. Константин | 23 июля 2012 @ 13:11
  2. Вот только у Twitter имеются лимиты, но и кэширование здесь не разумно, т.к. штука эта уж слишком потоковая.

    Ответить

  3. seogrot | 23 июля 2012 @ 14:51
  4. Я как говорится только учусь;) О каких лимитах в данном случае речь? И насчёт кэширования не понял, вроде не применял его…

    Ответить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *