淘汰赛和 Asp.net MVC 发送 json

Question

我尝试将 Knockout 模型发送到 Asp.net MVC，但我得到的只是空对象。 Fiddler 显示数据已正确发送。

// model
function ProductModel() {
var self = this;
self.Price = ko.observable();
self.Name = ko.observable("");
self.Description = ko.observable("");
self.Discount = ko.computed(function () {
    return self.Price() - ((15 * self.Price()) / 100);
});
}

// viewmodel

function ProductVM() {
var self = this;
self.Product = new ProductModel();
self.Products = ko.observableArray();
self.AddPrd = function () {

    self.Products.push(self.Product);
    dt.row.add([
        $("#ProductName").val(),
        $("#Description").val(),
        $("#Price").val(),
        $("#discount").val()
    ]).draw();

    self.Product = new ProductModel();  

}
self.submit = function () {
    var Data = JSON.stringify(ko.toJS(self.Products));
    console.log(Data);

    $.ajax({
        url: "/Home/AddMultiProducts",
        data: Data,
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json'
    });     
}
}

c#模型：

    public class Product
    {
    public string Price { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
    public double Discount { get; set; }    
    }

c# 动作：

    [HttpPost]
    public ActionResult AddMultiProducts(Product prdlist)
    {...}

发送的对象在浏览器中显示 console.log： [{"Price":"334","Name":"fdgdfg","Description":"fdgdfg","Discount":283.9}]

任何想法都会很棒！

Answer 1

试试这个：

self.submit = function () {
    var Data = ko.toJS(self.Products)[0];
    console.log(JSON.stringify(Data));

    $.ajax({
        url: "/Home/AddMultiProducts",
        data: Data,
        type: 'POST',
    });     
}

您不需要将数据字符串化为 JSON 或使其成为数据类型 json 请求。上面应该POST 起来动作就好了。也像评论状态一样，您希望控制器接收单个对象，而不是具有单个条目的数组。

淘汰赛和 Asp.net MVC 发送 json

Knockout and Asp.net MVC sending json

c#

asp.net

asp.net-mvc

json

knockout.js