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
– Neeraj, Commented May 10, 2017 at 3:26

CrazyMac · Accepted Answer · 2017-05-16 12:00:08Z

1

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

answered May 16, 2017 at 12:00

CrazyMac

4621 gold badge4 silver badges19 bronze badges

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

Comments

Peter · Accepted Answer · 2019-06-02 16:30:08Z

0

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

answered Jun 2, 2019 at 16:30

Peter

4098 silver badges9 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related