How to send a post request data to spring rest controller using angular js

Question

Here is my angularjs code

$http({
                method : "POST",
                url : '/jobseeker',
                data : {
                    "email" : $scope.userdata.uemail,
                    "firstname" : $scope.userdata.fname,
                    "lastname" : $scope.userdata.lname,
                    "password" : $scope.userdata.upassword
                }
            }).success(function(data) {
                console.log(data);
                //state.go(to verification page for job seeker
            })

and here is my rest controller mapping

@RequestMapping(value = "/jobseeker", method = RequestMethod.POST)
    public ResponseEntity signUp(@RequestParam("email") String email, 
                                 @RequestParam("firstname") String firstname,
                                 @RequestParam("lastname") String lastname,
                                 @RequestParam("password") String password) { ....}

I am getting 400 Bad request error stating that parameter email is missing

I also tried add the following headers in my code still I get the same error

headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                }

when I set the content-type header to application/json in postman it gives the same error — Neeraj, May 10 '17 at 03:26
console.log is working. There is data in userdata. In postman I tried with form data it works fine. When switch to raw and then set header to application/json it gives an error — Neeraj, May 10 '17 at 04:08

score 1 · Answer 1 · answered May 16 '17 at 12:00

I am not sure if you fixed this issue but I am trying to post a standard way to do a POST from AngularJS but I am sure there are few other ways to do it.

In AngularJS, a function that will hold the POST call to Controller.

$scope.httpFunction = function() {
    var data = new FormData();
    data.append('email', $scope.userdata.uemail);
    data.append('firstname', $scope.userdata.fname);
    // Append as many parameters as needed
    $http.post('jobseeker', data, {
        withCredentials : false,
        transformRequest : angular.identity,
        headers : {
                'Content-Type' : undefined
        }
    }).then(function(response){
        // ANything you wanted to do with response
    })
}

Always ensure the number of parameters are matching and the param names are same in Angular and Controller

score 0 · Answer 2 · answered Jun 02 '19 at 16:30

Better uses a model and get it in a @RequestBody.

For example :

class Model {
     public Model(){}

     String email; 
     String firstname;
     String lastname;
     String password;

     // getters/setters and constructor with parameters
}

then in controller...

signUp(@RequestBody Model model)...

good luck

How to send a post request data to spring rest controller using angular js

2 Answers2