ajax - KnockoutJS 使用 Ajax 填充多个 View 模型的最佳实践

Question

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

a) 具有任务列表的 View 模型

b) 具有用户列表的 View 模型

我在 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 来处理此问题。将数据映射到我们主 View 模型上的 View 模型。

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

这个问题和随后的答案包含我们正在采取的方法的片段:
Map JSON data to Knockout observableArray with specific view model type