JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- ko if:data -->
<div data-bind="text: data().name"></div>
<!-- /ko -->
JavaScript
function AppViewModel() {
var self = this;
self.data = ko.observable(null);
$.ajax({
type: "POST",
url: '/echo/json/',
data: {
json: JSON.stringify({
"name": "Office Web Controls 2014"
}),
delay: 0
},
dataType: 'json',
success: function (retrievedData) {
self.data(retrievedData);
console.log(self.data());
}
});
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());