jquery - 使用 Knockout JS 选项填充下拉列表，使用 ajax 调用返回的 json 对象

Question

我在单页 Web 应用程序中使用 knockout js 进行数据绑定(bind)，我需要使用 ajax 调用服务器作为响应返回的 json 对象来填充下拉列表。我在这里添加我的模型和 ajax 调用。请提出解决方案。

var permissionRequestModel = {
fromDate: ko.observable(''),
toDate: ko.observable(''),
fulldayPermission: ko.observable(false),

fromTimeHH: ko.observable(''),
fromTimeMM: ko.observable(''),
toTimeHH: ko.observable(''),
toTimeMM: ko.observable(''),

permissionTypeOne: ko.observable(''),
permissionTypeTwo: ko.observable(''),

approverList: ko.observableArray([]),

reasonLeave: ko.observable('')

};

//ajax call

$(function () {

$.ajax({
    url: "{generic uri}",
    type: "GET",
    contentType: "application/json",
    dataType: "json",
    error: function () {
        alert("failed");
    },
    success: function (data) {
             alert("Success");
    }
});
});

我需要使用 json 响应填充 ApproverList (ko.observablearray)。

Answer 1

使用Knockout Mapping plugin :

approverList = ko.mapping.fromJS(data);

或者，如果您想更新已填充的 View 模型:

success: function (data)
{
    ko.mapping.fromJS(data, approverList);
}