knockout mapping from json

by RobertSudwarts

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
current time: <span data-bind='text: currentTime'></span>

<br/>cpu percent: <span data-bind='text: CPUPercent'></span>

JavaScript

$(document).ready(function () {
    var viewModel = {};

    var data = {
        CPUPercent: 25,
        currentTime: "2014-07-18T09:18:23.542977"
    };
    viewModel = ko.mapping.fromJS(data);
    ko.applyBindings(viewModel);

    // For data received from a call back /get_sys_stuff
    // you would replace the three lines above with:
    //$.getJSON("get_sys_stuff", function(data) {
    //    viewModel = ko.mapping.fromJS(data);
    //    ko.applyBindings(viewModel);
    //});

});