JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<form action='http://cloice.cloudapp.net:81/v1/products' method='post' data-bind='submit: save'>
Name: <input data-bind='value: name' type='text' name='name' />
City: <input data-bind='value: city' type='text' name='city' />
<button type='submit'>Submit</button>
</form>
JavaScript
var viewModel = {
name: "Hi!",
city: "",
save: function () {
$.ajax({
type: 'Post',
url: $("form").attr('action'),
data: ko.toJSON(this),
dataType: "json",
contentType: "application/json;charset=utf-8",
success: function (response, textStatus, XMLHttpRequest) {
alert(response);
}
});
}
};
ko.applyBindings(viewModel);