Witam znalazłem w internecie gotowy skrypt, który wygląda tak:

[PHP] pobierz, plaintext 
$(function () 
  {
    //-----------------------------------------------------------------------
    // 2) Send a http request with AJAX <a href="http://api.jquery.com/jQuery.ajax/" target="_blank">http://api.jquery.com/jQuery.ajax/</a>
    //-----------------------------------------------------------------------
    $.ajax({                                      
      url: 'api.php',                  //the script to call to get data          
      data: "",                        //you can insert url argumnets here to pass to api.php
                                       //for example "id=5&parent=6"
      dataType: 'json',                //data format      
      success: function(data)          //on recieve of reply
      {  
        var id = data[4];              //get id
        var vname = data[2];           //get name
        //--------------------------------------------------------------------
        // 3) Update html content
        //--------------------------------------------------------------------
        $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname"<b> url: </b>"+url); //Set output element html
        //recommend reading up on jquery selectors they are awesome 
        // <a href="http://api.jquery.com/category/selectors/" target="_blank">http://api.jquery.com/category/selectors/</a>
      } 
    });
  }); 
[PHP] pobierz, plaintext 

skrypt działa, ja próbuje go zmienić na coś takiego:

[PHP] pobierz, plaintext 
$(function () 
  {
    $.ajax({                                      
      url: 'api.php',                  //the script to call to get data          
      data: "",                        //you can insert url argumnets here to pass to api.php
                                       //for example "id=5&parent=6"
      dataType: 'json',                //data format      
      success: function(data)          //on recieve of reply
      {
	var access_token = "...";    
        var id = data[4];              //get id
        var url = "https://api.instagram.com/v1/users/"+id+"?access_token="+access_token+"&callback=?";
       $.getJSON(url, function(data) {
    $(".thumb").append("<img src='"+data.data.profile_picture+"' /><br/>");});
      } 
    });
  }); 
[PHP] pobierz, plaintext 

Wiem, nawet w czym tkwi problem, mianowicie, plik api działa tak jak powinien, wyświetla dane z tabeli w formacie JSON, ale główny skrypt nic nie wyświetla. Odpowiedzialna za wyświetlanie jest ta część

[PHP] pobierz, plaintext 
$.getJSON(url, function(data) {
    $(".thumb").append("<img src='"+data.data.profile_picture+"' /><br/>");});
[PHP] pobierz, plaintext 

Ktoś mógłby mi pomóc to rozgryźć?

data.data? Ciut dziwnie wygląda.

Czy element .thumb istnieje?

No i po co żądanie w żądaniu?

.thumb istnieje, data.data wziąłem z gotowej funkcji którą znalazłem w internecie, która działa poprawnie:

[PHP] pobierz, plaintext 
 
<script type="text/javascript">
var access_token = "...";   
var user_id = "...";
var url = "https://api.instagram.com/v1/users/"+user_id+"?access_token="+access_token+"&callback=?";
$.getJSON(url, function(data) {
    $(".thumb").append("<img src='"+data.data.profile_picture+"' /><br/>");
});
</script>
 
[PHP] pobierz, plaintext 

żądanie w żądaniu tzn?

No w poprzednim kodzie to było w .success.

Zobacz sobie co jest w data. Jeśli to, co chcesz, to problem pewnie jest z .append. Zastąpiłbym go: