angular2 http post request can not receive parameter

Question

i wanna post a simple http request , but the backend can not receive the paramter

export class AppComponent {
  isMenuCollapsed$:Observable<boolean>;

  constructor(private store:Store<reducers.State>,private http:Http) {

    this.isMenuCollapsed$ = this.store.select(reducers.getIsCollapsed);
    let body: URLSearchParams = new URLSearchParams();

    body.set('username', 'admin');
    body.set('password', 'admin');
    let head = new Headers({
      'Content-Type': 'application/json'
    });
    http.post('api/user/auth',body).subscribe(v => console.log(v));
  }
}

this is my backend code:

@RestController
@RequestMapping("/user")
public class TestController {

    @GetMapping("/get")
    public String  test(){
        return "hello";
    }

    @PostMapping("/auth")
    public String  auth(HttpServletRequest request){
        return "username:" + request.getParameter("username") + 
                "|password:" + request.getParameter("password");
    }
}

when i use regular method it worked:

enter image description here

but when i use angular http , return null enter image description here

so i hope someone can help me , thanks!!!

I don't think your code is right, because in POST methods you are supposed to be saving a response body that is wrapped in your data model for persistence. That also means that in your post you ought to be creating an object for persistence. — Mike Tung
– Mike Tung, Commented Jul 19, 2017 at 3:40
thanks very much , i just post an object and add @RequestBody annotation in the backend code . . and it working ! ^_^ — jomalone_jia
– jomalone_jia, Commented Jul 19, 2017 at 5:24

Prathmesh Dali · Accepted Answer · 2017-07-19 03:43:25Z

0

I think instead og getParameters you should use something to get body of request. create simple object of username and password like

let body={username:"admin", password:"admin"}

Stringify body before passing to request.

this.http.post(...., Json.stringify(body))

edited Jul 19, 2017 at 3:43

answered Jul 19, 2017 at 3:37

Prathmesh Dali

2,3601 gold badge20 silver badges21 bronze badges

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

1 Comment

jomalone_jia Over a year ago

thanks very much , i just post an object and add @RequestBody annotation in the backend code . . and it working ! ^_^

Mike Tung · Accepted Answer · 2017-07-19 12:24:19Z

0

You need to make the backend and front end post the object

answered Jul 19, 2017 at 12:24

Mike Tung

4,8411 gold badge19 silver badges25 bronze badges

Collectives™ on Stack Overflow

angular2 http post request can not receive parameter

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related