которое должно выводить список друзей
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>vk api </title>
</head>
<body>
<button id="load">показать друзей </button>
<ul></ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$('#load').on('click', loadfriends);
function getUrl(method, params) {
if (!method) throw new Error('вы не указали метод!');
params = params || {};
params['access_token'] = '13cc5db11edac21dddf1faf6e848c5af39dde768674984d368226d0e0397d4713250b0092fd0340396150';
return 'https://api.vk.com/method/' + method + '?' + $.param(params) + '&v=5.52';
}
function sendRequest(method, params, func) {
$.ajax({
url: getUrl(method, params),
method: 'GET',
dataType: 'JSONP',
success: func
});
}
function loadfriends() {
sendRequest('friends.search', {
count: 6,
fields: 'photo_100'
}, function(data) {
drawFriends(data.response);
});
}
function drawFriends(friends) {
var html = '';
for (var i = 1; i < friends.length; i++) {
var f = friends[i];
html +=
'<li>'+
'<a target = "_blank" href = "vk.com/id' + f.uid + '">'
+'<img src="' + f.photo_100 + '"/>'
+'<div>'
+'<h4>'+ f.first_name + ' ' + f.last_name + '</h4>'
+ '<button>написать</button>'
+'</div>'
+ '</a>'
+'</li>';
}
$('ul').html(html);
}
</script>
</body>
</html>
при нажатии на кнопку показать друзей в ответет от сервера возвращает респонс
jQuery2200355515632236987_1526378888772({"response":{"count":6,"items":[{"id":481313066,"first_name":"Карина","last_name":"Михеева","photo_100":"https:\/\/pp.userapi.com\/c847018\/v847018809\/4d95e\/SePLqNK1W8c.jpg"},{"id":481315697,"first_name":"Анастасия","last_name":"Миронова","photo_100":"https:\/\/pp.userapi.com\/c834402\/v834402732\/10c6b9\/VsDTAfYYD0o.jpg"},{"id":481434772,"first_name":"Вера","last_name":"Виртик","deactivated":"banned","photo_100":"https:\/\/vk.com\/images\/deactivated_100.png"},{"id":480884186,"first_name":"Екатерина","last_name":"Карпова","photo_100":"https:\/\/sun1-4.userapi.com\/c840536\/v840536607\/73cf4\/NBEyo6qfl78.jpg"},{"id":480944884,"first_name":"Ольга","last_name":"Романенко","photo_100":"https:\/\/pp.userapi.com\/c834201\/v834201537\/135907\/W_dKS12a910.jpg"},{"id":476864864,"first_name":"Эльвира","last_name":"Мирная","photo_100":"https:\/\/vk.com\/images\/camera_100.png"}]}});
вобщем мне нужно чтобы выводились друзья с аватарками и именами на моем сайте!
P.S. для тестов этого кода сгенерируйте себе новый токен вк апи
