Javascript 主干模型与Ajax调用

Javascript 主干模型与Ajax调用,javascript,backbone.js,Javascript,Backbone.js,我是个新手,我面临着这个设计问题 我有一个主干模型,为了更新自身,它向服务器发出Ajax调用。 Ajax调用的结果不是表示模型的漂亮干净的json,而是应该显示在页面中的实际HTML 根据主干约定,表示模型的视图应侦听属性更改,然后呈现表示模型的UI 由于模型直接从服务器获取HTML,建议采用什么方法来组织代码 我的想法是将视图绑定到模型属性。当模型执行ajax调用时,一个属性会得到更新,因此视图会得到通知(通过主干事件),并从模型中获取要显示的HTML 下面的图表更好地解释了我的问题。 如果您

我是个新手,我面临着这个设计问题

我有一个主干模型,为了更新自身,它向服务器发出Ajax调用。 Ajax调用的结果不是表示模型的漂亮干净的json,而是应该显示在页面中的实际HTML

根据主干约定,表示模型的视图应侦听属性更改,然后呈现表示模型的UI

由于模型直接从服务器获取HTML,建议采用什么方法来组织代码

我的想法是将视图绑定到模型属性。当模型执行ajax调用时,一个属性会得到更新,因此视图会得到通知(通过主干事件),并从模型中获取要显示的HTML

下面的图表更好地解释了我的问题。

如果您的API发送HTML,并将其视为不可更改的外部约束,那么您的建议是实用的,所以我会这么做。

在您的模型中覆盖parse方法,并将结果存储为属性。与

parse: function(response, options){
  this.set('html',response);
}
然后使用以下内容覆盖视图中的渲染:

render: function() {
    this.$el.html(this.model.get('html'));
    return this;
}
这将把从服务器得到的响应插入DOM