Question

由于某些原因，我需要对代码提供一些帮助。在模型更改后，我无法让我的观点重新出现。

    var ResultLoanView = Backbone.View.extend({
      id:"result",
      initialize: function(){
        this.render();
        this.on('submissionMade',this.getData,this)
        this.model.on('change',this.render,this)
      },

      template: _.template("<% _.each(models, function(data,index) { %><div><%= index %></div> <%= data %><% }); %>"),

      getData: function(){
             var that = this;
             $.ajax({
              type: "GET",
              url:"http://zillow.com/webservice/mortgage/CalculateAffordability.htm?",
              data: {
                "zws-id":"APIKEY",
                annualincome: 1000000,
                monthlypayment: 2000,
                down: 800000,
                monthlydebts: 1500,
                rate: 6.504,
                schedule: "yearly",
                term: 360,
                debttoincome: 36,
                incometax: 30,
                propertytax: 20,
                hazard: 20000,
                pmi: 1000,
                output: "json"
              },
              dataType: "jsonp",
              success: function(data) {
                that.model.attributes = data.response
                console.log(that.model)
                  }
              ,
              error: function(result) {
                  alert("Error");
              }
          })
      },
      render:function(){
        console.log("rerender")
        var need = this.$el.html(this.template({models:this.model.toJSON()}))
        $('body').append(need)

      }

    })

所以当从父视图触发submissionMade时。这将启动$.ajax请求。最后，这会将我想要分配给我的关联模型的数据带回ResultLoanView。由于某种原因，模型没有被更改，因为initialize中的监听器没有重新渲染我的html。我的目标是将数据重新分配给我的模型，该模型将基于initialize中的监听器重新呈现。有什么想法吗？

Answer 1

我相信你需要打电话。

that.model.set(data.response)

而不是直接更改.attributes。文档提到了set()的更改事件。

只是旁注，查看this.listenTo()与model.on()之间的区别。许多实例最好使用listenTo来防止内存泄漏。

在Backbone中的AJAX请求中更改模型后重新渲染

1 个答案: