1

我有一个成功发出服务器请求的主干模型。回调是使用主干的触发方法来触发关联视图中的事件，并将服务器请求中解析的 json 响应作为触发方法的第二个参数传递，如主干文档中所述。在视图中，事件触发了render方法，但是视图中的响应对象为null。它抛出这个错误

Uncaught TypeError: Cannot read property 'word' of null

谁能看到我可能做错了什么？

来自模型的服务器请求

  new: function() {
      var _this = this;
       console.log("new function of model"); 

      $.ajax({
        url: "/gamestart",
        type: "GET",
        success: function(response) {
          console.log(response);
          var json = $.parseJSON(response);

          _this.set({lost: false});
          _this.set({win: false});
          _this.trigger("gameStartedEvent", json);
        }
      })
    },

视图的初始化方法中的事件，它触发渲染方法来渲染响应

this.model.on("gameStartedEvent", this.render, this);

响应为 null 的渲染方法

render: function(response) {
      $("#hint").show();
      console.log(response); 
      var html = this.template({characters: response.word});
      this.el.hide();
      this.el.html(html).show();
    },

请注意，如果重要，视图正在使用模型实例化

var word_view = new WordView({model: game})

更新

实际上错误发生在这里。响应成功返回，但我解析不正确。当我检查控制台时，变量 json 为空。你能看出我做错了什么吗？

 var json = $.parseJSON(response);
 console.log(json)

回复

Object {word: Array[6]}
word: Array[6]
__proto__: Object
4

1 回答 1

0

实际上不需要在响应对象上调用 parseJSON。我可以直接从响应对象中获取单词属性，所以我只是将响应对象作为第二个参数传递给触发器，并response.word在视图中调用。

 $.ajax({
        url: "/gamestart",
        type: "GET",
        success: function(response) {
          console.log(response.word);
          var json = $.parseJSON(response);    ####unnecessary to parseJSON here
          console.log(json);

          _this.set({lost: false});
          _this.set({win: false});
          _this.trigger("gameStartedEvent", response);
        }
      })
    },
于 2013-01-13T07:28:14.823 回答