"Can't bind multiple parameter to the request's content." in web api and angularJs

Question

When Multiple parameters pass in WebApi it results as an exception "Can't bind multiple parameter to the request's content.".Have any solution for following code

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 file

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

}, function () {
    alert("Error Occur");
})

Lukas Kolletzki · Accepted Answer · 2017-06-22 05:47:07Z

6

You might want to use a model which contains your data:

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
}

answered Jun 22, 2017 at 5:47

Lukas Kolletzki

2,2663 gold badges23 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marcus Höglund · Accepted Answer · 2017-06-22 06:11:24Z

5

The issue occours because you are declaring the [FromBody] attribute twice. As per design, http POST does only have one body and the [FromBody] will try to read all content in the body and parse it to your specified object.

To solve this issue you need to create an object which matches your client object which is being attach to the request body.

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

Then fetch that from the request body in your post method

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

answered Jun 22, 2017 at 6:11

Marcus Höglund

16.9k11 gold badges53 silver badges72 bronze badges

Comments

safeena rasak · Accepted Answer · 2017-06-22 08:16:13Z

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>>();
}

It is an another option.It is work for me

answered Jun 22, 2017 at 8:16

safeena rasak

3962 gold badges6 silver badges18 bronze badges

1 Comment

Skarsnik Over a year ago

Dont use dynamic. It w ill cause you pain.

CrazyMac · Accepted Answer · 2017-06-22 05:40:40Z

0

If you want to pass multiple parameters to a POST call, you can simply do as below and add as many to match the service.

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) { });

answered Jun 22, 2017 at 5:40

CrazyMac

4621 gold badge4 silver badges19 bronze badges

Collectives™ on Stack Overflow

"Can't bind multiple parameter to the request's content." in web api and angularJs

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related