"Can't bind multiple parameter to the request's content." 在 Web API 和 AngularJs 中

Question

当多个参数传入WebApi时，它会导致异常"Can't bind multiple parameter to the request's content."。有以下代码的任何解决方案

public class A1
{
public int id {get;set;}
public string name {get;set;}
}
public class A2
{
public int id2 {get;set;}
public string name2 {get;set;}
}
[Route("Save")]
[HttpPost]
public string Save([FromBody]A1 Emp, [FromBody]List<A2> EmpMarks)
{
}

JS文件

$http({
method: "post",
url: "/api/Employee/Save",
data: JSON.stringify({
Emp: $scope.Emp,
EmpMarks: $scope.EmpMarks
})
}).then(function (response) {
}, function () {
alert("Error Occur");
})

Answer 1

您可能希望使用包含数据的模型：

public class A1
{
public int id { get; set; }
public string name { get; set; }
}
public class A2
{
public int id2 { get; set; }
public string name2 { get; set; }
}
public class AModel 
{
public A1 Emp { get; set; }
public A2 EmpMarks { get; set; }
}

[Route("Save")]
[HttpPost]
public string Save(AModel aData)
{
// ... your logic here
}

Answer 2

该问题之所以出现，是因为您要声明两次[FromBody]属性。根据设计，http POST 只有一个正文，[FromBody]将尝试读取正文中的所有内容并将其解析为您指定的对象。

要解决此问题，您需要创建一个与要附加到请求正文的客户端对象匹配的对象。

public class RequestModel
{
public A1 Emp {get;set;}
public List<A2> EmpMarks {get;set;}
}

然后从 post 方法的请求正文中获取它

[Route("Save")]
[HttpPost]
public string Save([FromBody]RequestModel Emps)

Answer 3

[Route("Save")]
[HttpPost]
public string Save(JObject EmpData)
{
dynamic json = EmpData;
A1 Emp=json.Emp.ToObject<A1>();
List<A2> EmpMarks=json.ToObject<List<A2>>();
}

这是另一种选择。这是我的工作

Answer 4

如果要将多个参数传递给 POST 调用，只需执行以下操作并添加尽可能多的参数以匹配服务。

var data = new FormData();
data.append('Emp', $scope.Emp);
data.append('EmpMarks', $scope.EmpMarks);
$http.post('/api/Employee/Save', **data**, { 
withCredentials : false,
transformRequest : angular.identity,
headers : {
'Content-Type' : undefined
}
}).success(function(resp) { });