Send data in a http post in angular 2?

Question

I'm trying to send data with http post following differents threads, but I can't do it. I need to send this data, tested in postman.

Headers. Content-Type: application/x-www-form-urlencoded Authorization: Basic user:pass

Body. grant_type: password scope: profile

This is my code.

login() {

    let url = URL_LOGIN;

    let headers = new Headers(
      {
        'Content-Type': 'application/json',
        'Authorization': 'Basic user:pass'
      });

    let body = {
      'grant_type': 'password',
      'scope': 'profile'
    }

    return this.http.post(url, body, { headers: headers })
      .map((response: Response) => {
        var result = response.json();
        return result;
      })

  }

Thanks in advance!!

Hung Tran · Accepted Answer · 2018-01-11 00:10:30Z

1

There are two things you need to modify:

Your headers passed into the http post method missed one step. It should contain the following:
```
let options = new RequestOptions({ headers: headers });
```
Ensure you import RequestOptions from @angular/http

Then pass options into your post method as follows:
```
return this.http.post(url, body, options)...
```
The http post method body can only be a string. Therefore, it should be as follows:
```
let body = 'grant_type=password' + '&scope=profile';
```

answered Jan 11, 2018 at 0:10

Hung Tran

3651 silver badge9 bronze badges

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

Collectives™ on Stack Overflow

Send data in a http post in angular 2?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related