JSON обработка данных вывод в HTML

$('#load').on('click', loadFriends); 
$('#load1').on('click', loadJson); 
 
function getUrl(method, params) { 
  params['access_token'] = ''; 
  return 'https://api.vk.com/method/' + 'friend.search' + '?' + $.param(params) + '&v=5.72'; 
} 
 
function sendRequest(method, params, func) { 
  $.ajax({ 
    url: 'https://api.vk.com/method/friends.search?count=60&fields=photo_100&access_token=&v=5.72', 
    method: 'GET', 
    dataType: 'JSONP', 
    success: function(data) { 
      console.log(data); 
    } 
  }); 
} 
 
function loadFriends() { 
  sendRequest('friends.search', { 
    count: 60, 
    fields: 'photo_100' 
  }, function(data) { 
    drawFriends(data.response); 
  }); 
 
} 
 
function drawFriends(friends) { 
  var html = ''; 
 
  var f = friends[i]; 
  html += +'<h4>' + f.first_name + '</h4>'; 
 
  alert(data.response.item[1].first_name); 
  html += +'<h4>' + cart.item[1].first_name + '</h4>'; 
} 
 
 
function loadJson() { 
 
  var cart = JSON.parse(data); 
 
  alert(cart.item[1].first_name); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button id="load">Показать друзей</button> 
<button id="load1">Показать друзей1</button>