How to pass array of object through web api to a List<> using angular js

Question

here is my array in controller:

$scope.arr = [];

    $scope.arr.push({

        QuestionId1: firstQuestionId,
        QuestionId2: secondQuestionId,
         SecurityAnswer1: firstQuestionAnswer,
         SecurityAnswer2: secondQuestionAnswer
        });

AccountService.SubmitSecurityAnswer($scope);

then here is my api in angular service:

fact.SubmitSecurityAnswer = function (d) {
    debugger;
    return $http({
        method: 'POST',
        url: API_RESOURCES.API_Domain + 'api/Account/SaveSecurityAnswers',
        headers: { 'content-Type': 'application/x-www-form-urlencoded' },
        transformRequest: function (obj) {

            var str = [];
            for (var p in obj)
                str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            return str.join("&");
        },
        isArray: true,

        data: d.arr

        }).success(function (response) {
        return response;

The C# function which this api calls is:

 public HttpResponseMessage SaveSecurityAnswers(List<SecurityQuestion_CustomerMap> obj)
    {

When I check 'obj' through break point it shows count=0..I think the format of 'data: d.arr' is not right or is it? Please help.

try changing the content-type to application/JSON, and removing the transformFormRequest. — jpgrassi
– jpgrassi, Commented Jan 29, 2016 at 14:11

Stephen Brickner · Accepted Answer · 2016-01-29 14:27:21Z

1

In your client code make the following changes to pass the request as json. I'm assuming that the list of objects is added inside of another object that you are passing in (d)? If not then drop the .arr in the JSON.stringify just send "d" if it is the list of objects.

fact.SubmitSecurityAnswer = function (d) {
    return $http({
        url: API_RESOURCES.API_Domain + 'api/Account/SaveSecurityAnswers',
        dataType: 'json',
        method: 'POST',
        data: JSON.stringify(d.arr),
        headers: {
           "Content-Type": "application/json"
        }
    });
}

And change your endpoint to look for the list of objects in the body of the request.

[HttpPost]
public HttpResponseMessage SaveSecurityAnswers([FromBody]List<SecurityQuestion_CustomerMap> obj)

answered Jan 29, 2016 at 14:27

Stephen Brickner

2,6221 gold badge13 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

How to pass array of object through web api to a List<> using angular js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related