使用 Ajax 填充多个视图模型的 KnockoutJS 最佳实践

Question

我想知道是否有人对在屏幕上填充多个视图模型有任何建议。我有：

a) 具有任务列表的视图模型

b) 具有用户列表的视图模型

我在 2 x ajax 成功（单独的 ajax 调用）中填充这些内容，例如：

success: function (data) {
    masterVM.User = ko.mapping.fromJS(data, mapping);
    ko.applyBindings(masterVM); 
}

/* another ajax call: */
success: function (data) {
    masterVM.Task = ko.mapping.fromJS(data, mapping);
    ko.applyBindings(masterVM); 
}

目前正在调用每个 ajax 成功调用。

我希望我的问题简洁明了。如果需要，请询问更多详细信息。

问候 菲尔

Answer 1

我们目前通过在单个 Ajax 调用中将所有数据发送到我们的页面来处理这个问题，然后应用 ko.mapping 将数据映射到我们主视图模型上的视图模型。

我们开始像您一样进行两次调用，但决定最好减少发出的 http 请求的数量，这就是我们将数据集组合成一个分层对象结构的原因，而且效果很好。

这个问题和随后的答案包含我们正在采用的方法的 sn-p： Map JSON data to Knockout observableArray with specific view model type

Answer 2

只要您没有注意到性能问题，我建议您进行单独调用，因为这将使您的服务与您的演示需求保持松散耦合。

但是，如果是性能问题，您可以让您的网络服务聚合数据并一次性返回。但是您会因此而失去一点可维护性。