Wie man json mit backbone.js

Ich versuche zu verwenden backbones.js Holen to get json aus einer twitter-Suche

und mein Beispielcode kann mir jemand sagen, wo ich bin mache ich falsch?

(function($){

  var Item = Backbone.Model.extend();

  var List = Backbone.Collection.extend({
    model: Item,
    url:"http://search.twitter.com/search.json?q=blue%20angels&rpp=5&include_entities=true&result_type=mixed"
  });    

  var ListView = Backbone.View.extend({    
    el: $('#test'),
    events: {
      'click button#add': 'getPost'
    },
    initialize: function(){
      _.bindAll(this, 'render', 'getPost');
      this.collection = new List();
      this.render(); 
    },
    render: function(){
      var self = this;      
      $(this.el).append("<button id='add'>get</button>");
    },
    getPost: function(){
      console.log(this.collection.fetch());
    }

  });

  //**listView instance**: Instantiate main app view.
  var listView = new ListView();      
})(jQuery);​

Ich bin gerade erst angefangen mit Rückgrat, und ich möchte nur auf die Konsole.log-json -

sehen Sie mein Beispiel hier. jsfiddle.net/YnJ9q/2/

InformationsquelleAutor user1503606 | 2012-10-25
  1. 5

    Es gibt zwei Probleme vor:

    Erstens, Sie brauchen Sie, um ein Erfolg/scheitern Rückruf der fetch-Methode, um für Sie, um die abgerufenen JSON-angemeldet auf der Konsole. 

    getPost: function(){
    var that = this;
    this.collection.fetch(
    {
        success: function () {
             console.log(that.collection.toJSON());
        },
        error: function() {
             console.log('Failed to fetch!');
        }
   });
}

    Ein weiteres problem ist die Frage der "same-origin-policy". Finden Sie heraus, wie Sie zu beheben, indem Sie einen Blick auf dieser link.

    Update:
    Ich veränderte den code und enthalten die aktualisierten sync Methode. Es funktioniert jetzt! Werfen Sie einen Blick hier!

    Grundsätzlich, aktualisieren Sie Ihre collection gehören die parse und sync Methoden als unten:

    var List = Backbone.Collection.extend({
    model: Item,

    url: "http://search.twitter.com/search.json?q=blue%20angels&rpp=5&include_entities=true&result_type=mixed",

    parse: function(response) {
        return response.results;
    },

    sync: function(method, model, options) {
        var that = this;
        var params = _.extend({
            type: 'GET',
            dataType: 'jsonp',
            url: that.url,
            processData: false
        }, options);

        return $.ajax(params);
    }
});
    • vielen Dank für diese wirklich kämpfen, um meinen Kopf herum backbone.js hoffe es lohnt sich am Ende going to stick at it. versuchen, um eine Seitenleiste, klicken Sie auf zurück tweets im moment
    • hey amulya was ich nicht verstehe ist, wie man sagen, ich wollte ein input-Feld, um eine Suche auf die url, wie Sie die variable in jquery würde ich das tun "search.twitter.com/search.json?q="+query+"" jsfiddle.net/isimpledesign/BHrmC/1 ich verstehe nicht, wie dies mit Rückgrat???
    InformationsquelleAutor Amulya Khare
Schreibe einen Kommentar