c# - 通过将对象列表附加到 jquery formdata 中来传递对象列表

Question

我遇到了 MVC 4 中的一个场景，我需要在 ajax 调用中发送图像和对象列表。我怎样才能将它附加到 formData 中？这是我的表单数据和 ajax 调用

    var formdata = new FormData();
    var imgFile = document.getElementById('ProfilePic');
    var imgfileList = imgFile.files;
    formdata.append(imgfileList[0].name, imgfileList[0]);

    // Below Code is not workin
    formdata.append('Rent', $scope.RentTypes);
    // $scope.RentType = [{ id:1,price:5},{id:2,price:6}]

        $.ajax({
            url: url
            data: formdata,
            processData: false,
            contentType: false,
            type: 'POST'
        });

在 Controller 中，从 ajax 调用中调用的我的操作是这样的

  public ActionResult Upload(List<Rent> Rent)
{
}

Rent.cs

public class Rent
{
 public int id;
 public int price;
 public Available;
}

Answer 1

为了回发到集合，您需要使用索引器构造数据，以便它可以被 DefaultModelBinder

绑定(bind)

....
formdata.append('[0].id', 1);
formdata.append('[0].price', 5);
formdata.append('[1].id', 2);
formdata.append('[1].price', 6);

$.ajax({
  url: url
  data: formdata,
  processData: false,
  contentType: false,
  type: 'POST'
});