2011-12-08 127 views
2

http://jsfiddle.net/nf8NM/3/骨幹收集JSONP AJAX結果不正確

生成模式這是我首次涉足骨幹,我只是想獲取來自Dribbble API調用。

我試圖做到最骨幹本地的方式。然而,它似乎在製作集合的時候做了一些有趣的事情。

在這一點上,我並不那麼在意渲染的實際情況,我只是希望集合能夠正確設置Api的每個響應的模型。

任何提示和方向將是偉大的。我完全做錯了這一切嗎?

回答

15

不知道你的問題是什麼。重寫一下你的集合類來分離問題,我得到完全有效的模型。

Shot = Backbone.Model.extend({ 
    initialize:function(opts) { 
     console.log("init shot : "+opts.id); 
    } 
}); 
ShotsList = Backbone.Collection.extend({ 
    model: Shot, 
    sync: function(method, model, options) { 
     var params = _.extend({ 
      type: 'GET', 
      dataType: 'jsonp', 
      url: model.url(), 
      processData: false 
     }, options); 

     return $.ajax(params); 
    }, 
    parse: function(response) { 
     return response.shots; 
    }, 

    url: function() { 
     return "http://api.dribbble.com/players/" + encodeURIComponent(this.player) + "/shots?per_page=18"; 
    } 
}); 

s=new ShotsList(); 
s.bind("reset",function(collection) { 
    console.log(collection.models); 
    console.log(collection.pluck("image_teaser_url")); 
}); 
s.player="jordan"; 
s.fetch(); 
+0

謝謝兄弟。我不知道這個問題是怎麼回事,但是在重新整理好這個問題之後,就像你拿了它們,整理了一些其他的東西似的。再次感謝。 – mattl