将 JSON 发布到控制器 MVC 5

Question

我将 JSON 发布到我的控制器，但问题是我在列表中得到了正确的计数。即如果 JSON 有两个元素列表有两个但为空的数据。以下是我正在制作和发送 JSON 的代码。我使用 TabletoJSON 来制作 JSON。

        $('#productsObj').click(function () {
            var rawMaterials = $('#productsTable').tableToJSON(
                        {
                            ignoreColumns: [3]
                        });

           alert(JSON.stringify(rawMaterials));
            console.log(rawMaterials);

                $.ajax({
                    url: "/Supplies/insertRawMaterial",
                    type: "POST",
                    data: JSON.stringify(rawMaterials),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    traditional: true,
                    error: function (response) {
                        alert(response.responseText);
                    },
                    success: function (response) {
                        alert(data);
                        alert(response);
                    }
                });

        });

以下是接收数据的控制器动作方法。

 public ActionResult insertRawMaterial(List<String> data)
    {

        if (data != null)
        {
            return Json("Success");
        }
        else
        {
            return Json("An Error Has occoured");
        }

    }

我不确定我在哪里做错了。以下是警报中的 JSON。

[{"Raw Material Name":"Asphalt","Short Code":"AS02","Price":"20"}]

Answer 1

您不可能期望将此复杂的 JSON 结构映射到您的控制器操作当前作为参数的字符串列表 (List<String>)：

[{"Raw Material Name":"Asphalt","Short Code":"AS02","Price":"20"}]

因此，您可以从定义反映这种结构的适当视图模型开始（或几乎，请参阅下面所需的按摩技术）：

public class MaterialViewModel
{
    public string Name { get; set; }

    public string ShortCode { get; set; }

    public decimal Price { get; set; }
}

您的控制器操作将作为参数：

public ActionResult insertRawMaterial(IList<MaterialViewModel> data)
{
    ...    
}

最后在客户端处理您的数据以匹配正确的属性名称（当然是名称、短代码和价格）：

// we need to massage the raw data as it is crap with property names
// containing spaces and galaxies and stuff
var massagedRawMaterials = [];

for (var i = 0; i < rawMaterials.length; i++) {
    var material = rawMaterials[i];
    massagedRawMaterials.push({
        name: material['Raw Material Name'],
        shortCode: material['Short Code'],
        price: material['Price']
    });
}

$.ajax({
    url: "/Supplies/insertRawMaterial",
    type: "POST",
    data: JSON.stringify(massagedRawMaterials),
    contentType: "application/json; charset=utf-8",
    ...

话虽如此，如果您当前使用的客户端库产生此类不确定的属性名称，您可能会考虑将其替换为更合适的名称。