Приложение выводит список друзей, полученный через 1-й запрос к API. Приложение минимизировано. Только то, что нужно.
Цель урока: Научиться пользоваться 1-м запросом к API
Где можно использовать: Лента друзей под приложением. Получение информации о пользователе.
1. Создаем приложение и разрешаем доступ к друзьям.
2. Создаем index.html с кодом:
Код: Выделить всё
<!DOCTYPE html><html><head> <title>First request</title> <script type="text/javascript" src="http://vk.com/js/api/xd_connection.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function () { d = document.location.search.substr(1); var p = d.split("&"); var V = {}, curr; for (i = 0; i < p.length; i++) { curr = p[i].split('='); V[curr[0]] = curr[1]; } api_result = V['api_result']; var tmp = ''; var json = jQuery.parseJSON(decodeURIComponent(api_result)); //декодирование и парсинг tmp += '<table>'; for (var i = 0; i < json.response.length; i++) { tmp += '<tr><td><span><img src="' + json.response[i].photo + '">' + json.response[i].first_name + json.response[i].last_name + '</span></td></tr>'; } tmp += '<table>' $("body").html(tmp); }); </script></head><body style="background: #FFF"></body></html>
4. В поле "Первый запрос к API" вставляем следующее:
Код: Выделить всё
method=friends.get&fields=first_name, last_name, photo&count=5&format=JSON
Замечание 1: Переменная api_result не резиновая и это следует знать.
Замечание 2: Для ленты друзей приложения выгоднее воспользоваться методом friends.getAppUsers