我得到一个JSON / Javascript对象是因为可以在控制台中看到它，但是如何获取它进行序列化并使数据绑定到Ui元素呢？

Question

I am using knockout. I am sending dynamic data from my MySql server to a wcf service and then getting my knockout function to display the data in divs. I will post the code below so you can see what I'm talking about.

My knockout model:

function machineDataModel(item) {
    this.mach_no = ko.observable(item.mach_no),
    this.VAR1 = ko.observable(item.VAR1),
    this.VAR2 = ko.observable(item.VAR2),
    this.VAR3 = ko.observable(item.VAR3),
    this.VAR4 = ko.observable(item.VAR4)
};

Knockout ViewModel:

$(document).ready(function () {

    var machineDataViewModel = {

        machineDataItems: ko.observableArray([]),

        loadMachineDataItems: function () {
            alert('Method 1: Start');
            $.getJSON("http://localhost/JsonRestful/Service1.svc/GetMachineData", function (data) {
                alert(data);
                console.log(data);
                //machineDataViewModel.machineDataItems.removeAll();
                //alert('Everything Removed')
                alert('Method 2: Start');
                $.each(data, function (index, item) {
                    machineDataViewModel.machineDataItems.push(new machineDataModel(item));

                });
            });
        }
    };

    ko.applyBindings(machineDataViewModel);

    machineDataViewModel.loadMachineDataItems();

    //setInterval( loadMachineDataItems, 10000 );
});

I know everything works fine till I get to the alert Method 2: Start. The each method doesn't iterate over the array like I want it to. I get an object in my console where I requested it be posted in the log. Object { GetMachineDataResult=[20]}

My View is:

<div id="knockout" data-bind="foreach: machineDataItems">
    <p id="machineNum" data-bind="text: mach_no"></p>
    <div id="Completed" data-bind="text: VAR1"></div>
    <div id="Style" data-bind="text: VAR2"></div>
    <div id="PUPC" data-bind="text: VAR3"></div>
    <div id="RPM" data-bind="text: VAR4"></div>
</div>

Answer 1

From the image of your JSON response you posted in a comment, it looks like your JSON object looks something like this:

{
    "GetMachineDataResult": [ // bunch of items here ]
}

Note that the array isn't the top level object, it's a property called GetMachineDateResult . So instead of:

$.each(data, function (index, item) { //...

You need:

$.each(data.GetMachineDateResult, function (index, item) { //...

Because data is an object and data.getMachineDateResult is the array you want.