asp.net post json to controller

Question

When I click the button 'Save' nothing happens and breakpoint in SaveProducts controller does not respond. Why? I know that it's need to implement jsondeserealize because product should be null.

HomeController.cs

public class HomeController : Controller
{
    //
    // GET: /Home/

    public ActionResult Index()
    {
        return View();
    }

    public ActionResult SaveProducts(ProductModel product)
    {
        return View("Index");
    }

}

Index.cshtml

@{
ViewBag.Title = "Index";
}
<script src="~/Scripts/knockout-2.2.0.js"></script>
<h2>Index</h2>
<div data-bind="with: currentProduct">
<p>Name: <input type="text" data-bind="value: productName" /></p>
</div>
<input type="button" value="Save" data-bind="click: saveProduct" />

<script>

function ProductViewModel() {
    var self = this;
    self.currentProduct = ko.observable(new Product("P1"));
    self.saveProduct = function () {
        var productModel = ko.toJS(self.currentProduct);
        ko.utils.postJson("/Home/SaveProducts", {product: productModel} );
    }
}
function Product(name) {
    var self = this;
    self.productName = ko.observable(name);
}
ko.observable(new ProductViewModel());

</script>

ProductModel.cs

public class ProductModel
{
    public string productName { get; set; }
}

Accepted answer looks good, but just a tip for the future; when you run into issues like this use the browser dev tools (F12) and watch the network tab and console. If you click your button and see no POST occurring, you know for sure the problem is your client-side script. — Stephen Byrne
– Stephen Byrne, Commented Feb 17, 2016 at 1:07

Adrian · Accepted Answer · 2016-02-16 23:30:22Z

2

I cant see in your code where you activated your bindings and i think in this part you mean to activate it and not to create an observable.

ko.observable(new ProductViewModel());

You should change it to:

ko.applyBindings(new ProductViewModel());

answered Feb 16, 2016 at 23:30

Adrian

1,58712 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

asp.net post json to controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related