AJAX调用返回动态列表…正在加载到ko.observableArray

Question

I am trying to call to a Web service which returns a dynamic list. I need the list in JSON and I need to then load it to a ko.observableArray . I know the call to the Web service works, but I keep getting errors on the load. Is my syntax okay?

function getEm(zip) {
    $.ajax('/Services/TheatreLocationList.asmx/getTheatres', {
        type        : 'POST',
        contentType : 'application/json; charset=utf-8',
        dataType    : 'json'
    }).done(function(data) {
        self.theatreData = ko.observableArray(data || [ ]);
    });
}

Answer 1

Try setting the value of data before passing the argument. I would console.log(json) to make sure you're getting back what you expect from your service call.

function getEm(zip) {
    $.ajax('/Services/TheatreLocationList.asmx/getTheatres', {
        type        : 'POST',
        contentType : 'application/json; charset=utf-8',
        dataType    : 'json'
    }).done(function(json) {
        var data = json.length > 0 ? json : [];
        self.theatreData = ko.observableArray(data);
    });
}