Knockout 映射插件：使用 AJAX 重新加载数据

Question

我想在 Bootstrap 模式中显示我的用户数据的详细信息。我使用 AJAX 加载数据，并将它们绑定到具有 knockout mapping plugin 的 Knockout ViewModel。

这工作得很好，但是当我多次加载用户数据时，我总是看到以下消息：

Error: You cannot apply bindings multiple times to the same element.

淘汰视图模型：

function UserViewModel() {
    var self = this;

    self.loadUserData = function(userId) {
        $.ajax({
            type : "POST",
            url : "/user/loadUserDetail.htm",
            data: {"userId": userId},
            success : function(response) {
                self.userHelper = ko.mapping.fromJSON(response);
                ko.applyBindings(self); 
                $("#user-dialog").modal('show');
            },
            error : function(e) {
                showErrorBox('Error: ' + e.status);
            }
        });
    }
}

我该如何解决这个问题？

Answer 1

像你一样拉下数据，但是一旦你有了它，使用 var jsonToJsObj = $.parseJSON(jsonResult) 来获取一个 js 对象，然后你使用 ko.mapping.fromJS(jsonToJsObj) 应该可以工作。