将 JSON 对象和对象列表传递给 ASP.Net 控制器 [重复]

我需要以下方面的帮助。我有这两个模型以及我将在下面使用它们的方法。

public class RoleModel
{
    public string Name { get; set; }
    public string Description { get; set; }
    public List<PermissionGroupModel> PermissionGroups { get; set; }
}

public class PermissionGroupModel
{
    public int PermissionGroupID { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
}

 [HttpPost]
 public bool CreateRole(RoleModel r){
  //code goes here
}

我尝试通过 AJAX 将数据发布到 CreateRole() 方法，并使用调试中断来检查“r”参数以查看模型是否正在填充。这是我用来测试它的 AJAX 调用。

$.ajax({
        type: "POST",
        url: "/BackOffice/CreateRole",
        data:  {"Name": "Test Name", "Description": "Test Desc", "PermissionGroups": ["Name": "Group Name", "Description": "Test Desc"]},
        success: function (data) {},
        complete: function (data) {}
      });

当发出请求时，我在 Visual Studio 中检查参数。 RoleModel 名称和描述键已填充，PermissionGroups 计数为 1，但 PermissionGroups 中的键未填充。

任何人都可以建议我以任何方式传递一个包含对象列表的 JSON 对象。

提前致谢。

您发送的 javascript 对象不正确。

 "PermissionGroups": ["Name": "Group Name", "Description": "Test Desc"]

在你的视图模型中，PermissionGroups是一个集合PermissionGroupModel项目。但你不是这样传递的。上面的代码发送 4 个字符串项作为PermissionGroups财产。您需要将集合中的每个项目包装起来{ and }

另外，为了在复杂对象上进行模型绑定，您需要使用以下命令将 javascript 对象转换为 json 字符串JSON.stringify方法并指定contentType进行 ajax 调用时的属性。这contentType财产价值应该是"application/json"

The contentType属性告诉服务器我们发送的数据是 Json 格式。

 var d = {
            "Name": "Test Name", "Description": "Test Desc",
            "PermissionGroups": [{ "Name": "Group Name", "Description": "Test Desc" }]
         };

 $.ajax({
            type: "POST",
            url: "/BackOffice/CreateRole",
            contentType: "application/json",
            data: JSON.stringify(d) ,
            success: function (data) {  console.log(data); },
            complete: function (data) {}
       });

另外，使用 Url.Action 辅助方法构建操作方法的 url 也是一个好主意。

所以更换url: "/BackOffice/CreateRole" with url: "@Url.Action("CreateRole","BackOffice")"