ASP.NET MVC - 将包含数组的 FormData 映射到模型 class

Question

在我的前端，我目前正在创建一个 FormData 对象，该对象包含一个包含以下属性的数组："productName" 和 "productQuantity"。我能够将 FormData 发送到我的服务器端。但是，我无法绑定任何值。如何将 FormData 中的对象列表正确映射到我的控制器上的 ASP.NET MVC 模型 class？以下是我当前的代码：

更新我仍在努力解决这个问题，非常感谢帮助！ Update2 为了清楚起见，我使用 Vuejs 作为我的客户端框架

客户端

  const formData = new FormData();

  formData.append("Product[0].ProductName", "T-Shirt");
  formData.append("Product[0].Options.Quantity", "1");
  formData.append("Product[1].ProductName", "Shoe");
  formData.append("Product[1].Options.Quantity", "2");

服务器端（控制器）

    [HttpPost("verifyCart")]
    public async Task<IActionResult> verifyCart([FromForm] Product[] products)
    {
    }

服务器端（模型）

public class Product
    {
        public string ProductName { get; set; }
        public List<Option> Options { get; set; }        
    }


public class Options
    {
        public int Quantity { get; set; } 
    }

Answer 1

我可以通过更改表单数据使其工作：

formData.append("Product[0].ProductName", "T-Shirt");
formData.append("Product[0].Options.Quantity", "1");
formData.append("Product[1].ProductName", "Shoe");
formData.append("Product[1].Options.Quantity", "2");

到"Product"

的复数

formData.append("Products[0].ProductName", "T-Shirt");
formData.append("Products[0].Options.Quantity", "1");
formData.append("Products[1].ProductName", "Shoe");
formData.append("Products[1].Options.Quantity", "2");

因为您在 post 操作中使用的参数是 "products":

[HttpPost]
public IActionResult VerifyCart([FromForm] Product[] products)
{
}

我用来测试的client-side代码是：

const formData = new FormData();

    formData.append("Products[0].ProductName", "T-Shirt");
    formData.append("Products[0].Options.Quantity", "1");
    formData.append("Products[1].ProductName", "Shoe");
    formData.append("Products[1].Options.Quantity", "2");

    $.ajax({
            type: "POST",
            url: '/Home/VerifyCart',
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {
            }
     });

更新

我更改了 client-side 代码以解决数量问题：

const formData = new FormData();

    formData.append("Products[0].ProductName", "T-Shirt");
    formData.append("Products[0].Options[0].Quantity", "1");
    formData.append("Products[1].ProductName", "Shoe");
    formData.append("Products[1].Options[0].Quantity", "2");

    $.ajax({
            type: "POST",
            url: '/Home/VerifyCart',
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {
            }
     });

ASP.NET MVC - 将包含数组的 FormData 映射到模型 class

ASP.NET MVC - Map FormData containing array to model class

javascript

c#

asp.net

form-data

vue.js