从.ajax()调用加载knockout.js observableArray()

Question

这让我很困惑.它一定是我看不到的小东西.我正试图observableArray用ajax调用加载一个非常简单的淘汰赛.

JavaScript的

// we bind the array to the view model property with an empty array.
var data = [];   
var viewModel = {
    vendors: ko.observableArray(data)
};
ko.applyBindings(viewModel);

$(function () {
    // on this click event, we popular the observable array
    $('#load').click(function () {
        // WORKS. Html is updated appropriately.
        viewModel.vendors([{ "Id": "01" },{ "Id": "02" },{ "Id": "03" }]);

        // DOES NOT WORK. Fiddler2 shows the same exact json string come back 
        // as in the example above, and the success function is being called.
        $.ajax({
            url: '/vendors/10',
            dataType: 'json',
            success: function (data) {
                viewModel.vendors(data);
            }
        });
    });
});

HTML

<button id="load">Load</button>
<ul data-bind="template: { foreach: vendors }">
    <li><span data-bind="text: Id"></span></li>
</ul>

---

问题:为什么成功的ajax调用,谁的data变量值匹配逐字节的硬类型值,而不是触发html刷新？

Answer 1

没有理由这不会很好.如此证明.

http://jsfiddle.net/madcapnmckay/EYueU/

我会检查ajax帖子实际上是否返回json数据,并且json是一个数组并且它正在被正确解析.

我不得不调整ajax调用以使小提琴ajax处理程序正常工作.

我无法想到更多.

希望这可以帮助.