Angular JS POST request not sending data

Question

I am trying to send an JSON object to my webservice which is expecting JSON in the request data. This my POST call from angularJS

$http({method: 'POST',
        url: 'update.htm',
        data: $.param($scope.cover),
        headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
    }).success(function (data) {
    // handle
    });

Value for cover object

$scope.cover = {id:1, bean:{id:2}}

Iam getting 500 (InvalidPropertyException: Invalid property 'bean[id]' of bean class [BookBean]: Property referenced in indexed property path 'bean[id]' is neither an array nor a List nor a Map;)
In network, it is sending in this way

bean[id]:1

I think it should send like

bean.id:1

How to reslove this issue. Thanks in advance

Why you want to use $.param if you are trying to send json data? — BKM, Mar 14 '14 at 08:30

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

Looks like the data is getting to the server and is causing an error there. There's a possible duplicate question that's been answered here - Post Nested Object to Spring MVC controller using JSON

edited May 23 '17 at 10:33

Community

1
1

answered Mar 14 '14 at 05:55

Jason Watmore

4,521
2
32
36

score 0 · Answer 2 · answered Mar 14 '14 at 08:33

0

Try posting your data like:

$http({method: 'POST',
        url: 'update.htm',
        data: $scope.cover,
    }).success(function (data) {
    // handle
    });

answered Mar 14 '14 at 08:33

BKM

6,949
7
30
45

In the server side I got null values – vivek Mar 26 '14 at 11:48

Angular JS POST request not sending data

2 Answers2