Parameter passing for http.post in Angular calling Java web API

Question

I have a weird situation that may be because I missed something that I didn't realized or know. I am creating a simple login UI using Angular and call the Web API created in Java.

The Java web API function is as follows:

@RequestMapping(value = "/logon", method = RequestMethod.POST, produces = {"application/json"})
@ResponseBody
public String logon(
        @RequestParam(value = "userID", required = true) String userID,
        @RequestParam(value = "password", required = true) String password,
        HttpServletRequest request)

Now if I use the http.post as follows:

login(username: string, password: string) {
    return this.http.post(this.url+"/security/logon/", 
                          JSON.stringify({ userID: username, password: password }) )

Then I get the following error in the Google Chrome browser:

POST http://localhost:8080/logon/ 400 (Required String parameter 'userID' is not present)

But if I change the code as follows:

login(username: string, password: string) {
    var usrpwd = "userID=" + username + "&password=" + password;
    return this.http.post(this.url+"/security/logon?"+usrpwd, usrpwd )

It work perfectly. Am I missing something? Why the second parameter of http.post that should be the parameter passed not seems to be working?

CarlosJavier · Accepted Answer · 2018-09-13 03:49:25Z

2

You are defining your endpoint url with two mandatory parameters, and such parameters must be in the url (check here), so when you make a request to your endpoint, the url must be :

http://localhost:8080/logon?userID=yourUserId&password=yourUserPassword

In the first implementation you are not adding the query parameters to the url so the request is made to the url http://localhost:8080/logon/ as it doesn't have the required parameters, your web tier is returning the 400 http code, which implies a bad request (because again, your url doesn't contains the required parameters).

answered Sep 13, 2018 at 3:49

CarlosJavier

1,0451 gold badge17 silver badges29 bronze badges

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

2 Comments

Alvin Sanusi Over a year ago

Thank you very much for the enlightenment. Now I understand at least there are 2 ways to pass parameters to a web API.

CarlosJavier Over a year ago

Glad to know it works for you :) if you considerer the answer useful mark it as accepted answer.

user10319547 · Accepted Answer · 2018-09-13 04:50:09Z

0

 constructor(private http:HttpClient){

}

login(usrName,usrPwd){

   let body = {userName:usrName, userPwd:usrPwd};

    this.http.post("http://localhost:5000/security/login", body)
        .subscribe(
            res => console.log(res),
            error => console.log(error)
        )
}

answered Sep 13, 2018 at 4:50

user10319547

Collectives™ on Stack Overflow

Parameter passing for http.post in Angular calling Java web API

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related