viewmodel() { var baseUri = 'http://localhost:8080/knockout/'; var self = this; //self.products = ko.observableArray([{'Id':'111','Name':'联想K900','Price':'3299','ActualCost':'3000'},{'Id':'222','Name':'HTC one','Price':'4850','ActualCost':'4500'}]); self.products = ko.observableArray();

$.getJSON(baseUri + "list",self.products);//加载产品列表

//添加产品
self.create = function (formElement) {
$.post(baseUri + "add",$(formElement).serialize(),function(data) {
if(data.success){//服务器端添加成功时，同步更新UI
var newProduct = {};
newProduct.Id = data.ID;
newProduct.Name = formElement.Name.value;
newProduct.Price = formElement.Price.value;
newProduct.ActualCost = formElement.ActualCost.value;
self.products.push(newProduct);
}
},"json");
}
//修改产品
self.update = function (product) {
$.post(baseUri + "update",product,function(data) {
if(data.success){
alert("修改成功");
}
},"json");
}

//删除产品
self.remove = function (product) {
$.post(baseUri + "delete","productID="+product.Id,function(data) {
if(data.success){
//服务器端删除成功时，UI中也删除
self.products.remove(product);
}
},"json");

}
}
ko.applyBindings(new Productsviewmodel());