zoukankan      html  css  js  c++  java
  • [Backbone] Parse not formatted JSON code

    The good Dr. recently had another team implement the server and they slightly messed up the format of the JSON returned for Appointment data. Instead of returning JSON like { "title": "Ms. Kitty Hairball Treatment", "cancelled": false, "id": 1 } the server is returning JSON like { "appointment": { "title": "Ms. Kitty Hairball Treatment", "cankelled": false, "identifier": 1 }

    Add to the parse function below code to handle return the JSON without the "appointment" as root.

    var Appointment = Backbone.Model.extend({
      parse: function(response){
        return response.appointment;
      }
    });

    Great! Now let's take care of that pesky spelling error.

    Change 'cankelled' to 'cancelled' and make sure to remove the 'cankelled' property.

    Make sure to refer to the JSON below and to the right.

    var Appointment = Backbone.Model.extend({
      parse: function(response){
        response = response.appointment;
        response.cancelled = response.cankelled;
        delete response.cankelled;
        return response;
      }
    });

    update the Appointment model to use the"identifier" string as the idAttribute instead of the default "id", that way you can call appointment.idlater on. 

    var Appointment = Backbone.Model.extend({
      idAttribute: 'identifier',
      parse: function(response){
        var appointment = response.appointment;
        appointment.cancelled = appointment.cankelled;
        delete appointment.cankelled;
        return appointment;
      }
    });

    In the Appointment instantiation code below, make sure the attributes get run through our new parse function by passing in the appropriate option to the Appointment constructor

    var appointment = new Appointment(data, {parse: true}); //Forse to pasre the data

    He just tried to create a new Appointment and it crashed the server because the JSON sent up to represent the Appointment was in the wrong format. Update toJSON below to return the JSON the server expects. (Make sure you don't modify the model.attributes object)

    var Appointment = Backbone.Model.extend({
      toJSON: function(){
        var attrs = _.clone(this.attributes);
        attrs.cankelled = attrs.cancelled;
        delete attrs.cancelled;
        return { appointment: attrs};
      }
    });

    Now that we've modified toJSON to return mangled JSON, we need to change our AppointmentView to useattributes instead of toJSON.

    var AppointmentView = Backbone.View.extend({
      template: _.template('<span>' +
                            '<%= title %></span>' +
                            '<a href="#">x</a>'),
    
      render: function(){
        this.$el.html(this.template(this.model.attributes));
      }
    });
  • 相关阅读:
    十四行诗 Sonnet 15
    P3386 【模板】二分图匹配
    20171105模拟题
    需要注意的各种各种 持续更新
    P1315 观光公交 贪心
    【搬家辣】
    【洛谷P2387】魔法森林
    【洛谷P3369】普通平衡树(splay)
    【算法详解】splay的初步了解
    研究性学习代码
  • 原文地址:https://www.cnblogs.com/Answer1215/p/3897524.html
Copyright © 2011-2022 走看看