Question

我有一个像这样构建的ajax帖子：

var myData = [
    {
        id: "a",
        name: "Name 1"
    },
    {
        id: "b",
        name: "Name 2"
    }
];

$.ajax({
    type: 'POST',
    url: '/myurl/myAction',
    data: { items: myData },
    dataType: 'json',
    error: function (err) {
        alert("error - " + err);
    }
});

MVC控制器：

[HttpPost]
public JsonResult MyAction(MyClass[] items)
{

}

MyClass只是数据的简单表示：

public class MyClass {
    public string Name {get; set; }
    public string Id {get; set; }
}

当javascript发出post请求时，控制器操作确实会收到2个项目，但这些项目中的属性（id，name）为null。

在fiddler中检查请求，正文如下：

Name                 | Value
items[0][Name]       | Name 1
items[0][Id]         | a
items[1][Name]       | Name 2
items[1][Id]         | b

我错过了什么吗？

Answer 1

我错过了什么吗？

是的，请查看following article以了解默认模型绑定程序对绑定集合所期望的正确的有线格式。换句话说，为了这个工作，而不是：

items[0][Name]       | Name 1
items[0][Id]         | a
items[1][Name]       | Name 2
items[1][Id]         | b

您的有效负载应该如下所示：

items[0].Name       | Name 1
items[0].Id         | a
items[1].Name       | Name 2
items[1].Id         | b

不幸的是，使用jQuery实现此有效负载会非常令人沮丧。因此，如果您想使用AJAX将复杂对象/数组发送到服务器，我建议您使用JSON有效负载：

$.ajax({
    type: 'POST',
    url: '/myurl/myAction',
    data: JSON.stringify({ items: myData }),
    contentType: 'application/json',
    error: function (err) {
        alert("error - " + err);
    }
});

需要注意的事项：

data: JSON.stringify({ items: myData })代替data: { items: myData }
已添加contentType: 'application/json'
摆脱dataType: 'json'

现在您的有效负载如下所示：

{"items":[{"id":"a","name":"Name 1"},{"id":"b","name":"Name 2"}]}

Answer 2

您可以使用此代码来解决问题：

    public class BaseController : Controller
    {
        //
        // GET: /Base/
        private IMapper _mapper = null;
        protected IMapper Mapper
        {
            get
            {
                if (_mapper == null) _mapper = MvcApplication.MapperConfiguration.CreateMapper();
                return _mapper;
            }
        }
    }

Ajax发布到ASP.net MVC控制器 - 对象属性为null

2 个答案: