jQuery獲取基於值的數據

我想通過使用jQuery從運行api獲取下面顯示的一些JSON數據，它首先工作，但是我試圖追加第二頁的JSON到我的索引...怎麼做我從這種JSON數據中獲得第二個頁面？jQuery獲取基於值的數據

{ 
    "page": "1", 
    "per_page": 15, 
    "pages": 50, 
    "total": 750, 
    "shots": [{ 
    "id": 1155601, 
    "title": "Vector Rocket Icon", 
    "height": 600, 
    "width": 800, 
    "likes_count": 0, 
    "comments_count": 1, 
    "rebounds_count": 0, 
    "url": "http://dribbble.com/shots/1155601-Vector-Rocket-Icon", 
    "short_url": "http://drbl.in/iltf", 
    "views_count": 4, 
    "rebound_source_id": 1152826, 
    "image_url": "http://dribbble.s3.amazonaws.com/users/45269/screenshots/1155601/vector-rocket-icon-color.jpg", 
    "image_teaser_url": "http://dribbble.s3.amazonaws.com/users/45269/screenshots/1155601/vector-rocket-icon-color_teaser.jpg", 
    "image_400_url": "http://dribbble.s3.amazonaws.com/users/45269/screenshots/1155601/vector-rocket-icon-color_1x.jpg", 
    "player": { 
     "id": 45269, 
     "name": "spovv", 
     "location": "Bulgaria", 
     "followers_count": 2721, 
     "draftees_count": 2, 
     "likes_count": 1293, 
     "likes_received_count": 13218, 
     "comments_count": 273, 
     "comments_received_count": 996, 
     "rebounds_count": 40, 
     "rebounds_received_count": 35, 
     "url": "http://dribbble.com/spovv", 
     "avatar_url": "http://dribbble.s3.amazonaws.com/users/45269/avatars/original/avatar.png?1329240931", 
     "username": "spovv", 
     "twitter_screen_name": "spovv", 
     "website_url": "http://www.behance.net/s-pov", 
     "drafted_by_player_id": 47973, 
     "shots_count": 114, 
     "following_count": 385, 
     "created_at": "2011/07/12 07:44:15 -0400" 
    }, 
    "created_at": "2013/07/15 03:41:04 -0400" 
    }, { 
    "id": 1155600, 
    "title": "Ella Shadow ", 
    "height": 600, 
    "width": 800, 
    "likes_count": 1, 
    "comments_count": 0, 
    "rebounds_count": 0, 
    "url": "http://dribbble.com/shots/1155600-Ella-Shadow", 
    "short_url": "http://drbl.in/ilte", 
    "views_count": 2, 
    "rebound_source_id": 1106103, 
    "image_url": "http://dribbble.s3.amazonaws.com/users/357571/screenshots/1155600/elluva_shadow.yellow.png", 
    "image_teaser_url": "http://dribbble.s3.amazonaws.com/users/357571/screenshots/1155600/elluva_shadow.yellow_teaser.png", 
    "image_400_url": "http://dribbble.s3.amazonaws.com/users/357571/screenshots/1155600/elluva_shadow.yellow_1x.png", 
    "player": { 
     "id": 357571, 
     "name": "elluva design studio", 
     "location": "San Francisco, CA", 
     "followers_count": 13, 
     "draftees_count": 0, 
     "likes_count": 21, 
     "likes_received_count": 63, 
     "comments_count": 5, 
     "comments_received_count": 10, 
     "rebounds_count": 2, 
     "rebounds_received_count": 0, 
     "url": "http://dribbble.com/elluva", 
     "avatar_url": "http://dribbble.s3.amazonaws.com/users/357571/avatars/normal/Ella-480.png?1373396866", 
     "username": "elluva", 
     "twitter_screen_name": "elluva", 
     "website_url": "http://www.elluva.co", 
     "drafted_by_player_id": 3413, 
     "shots_count": 4, 
     "following_count": 9, 
     "created_at": "2013/06/26 02:39:33 -0400" 
    }, 
    "created_at": "2013/07/15 03:41:03 -0400" 
    }

的jQuery：

   function doAjax(){ 
       $.ajax({ 
        type:'GET', 
        url: $url, 
        dataType: 'json', 
        success: function(data){ 
         $.each(data.shots, function(key, value){ 
          // first page only. 
          alert(data.page) 
          $('#data ul').append('<li><img src="'+ value.image_url+'" /></li>');        
         }) 

         //alert(value.title); 
         // scroll to second page. 
         var scrolling = function() { 

          this.totalHeight = $(document).height();  
          this.scrolltop = $(window).scrollTop(); 

          $(window).scroll(function(){ 
           totalHeight = $(document).height(); 
           scrolltop = $(window).scrollTop(); 
           if((totalHeight - scrolltop) < 600){ 
            // append different pages and do ajax. 
            doAjax(); 
           } 
          }) 
         } 
         $scroll = new scrolling(); 
         //$('#data').append(data); 
        } 
       }) 
      } 
      doAjax();

來源

2013-07-15 max li

[http://stackoverflow.com/questions/7771616/loop-through-json-array-jquery][1] [1]：http://stackoverflow.com/questions/7771616/loop-through-json-array-jquery – Martijn

你應該可能要求第二頁。什麼是'$ url'？ – Stefan

@Stefan $ url ='http://api.dribbble.com/shots/everyone' –

使用JavaScript會話變量。在會話中存儲page1 json。然後在第二頁和concat page1和page2 json中使用它。

concat的完成如下。

var merger_json = page1_json.concat（page2_json）;

來源

2013-07-15 08:08:13

jQuery獲取基於值的數據

回答

相關問題