how to post body containing Object instead of string to http api? angular2?

Question

I am using angular2 http.post in the following service:

import {Injectable, Inject} from 'angular2/core'
import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http';

import 'rxjs/add/operator/map';

//Globals
const URL : string = 'http://myurl.com/listings';

@Injectable()
export class ListingsService {

  //Constructor
  constructor(public http: Http) {}

  postListing(data) {
   this.http.post(URL, data).map(res => res.json())
  }

}

The issue is that I am only allowed to post data as a string inside http.post, where as I need to pass in an Object.

binariedMe · Accepted Answer · 2016-01-14 10:51:19Z

5

One way of doing this is using JSON.stringify for making a string of object and then JSON.parse on the server side.

answered Jan 14, 2016 at 10:51

binariedMe

4,3291 gold badge20 silver badges34 bronze badges

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

Comments

Gaurav Mukherjee · Accepted Answer · 2016-01-14 11:34:58Z

1

Probably you need to set Content-Type in your header. You can set default header as follows.

class MyOptions extends RequestOptions {
constructor() {
    super({
        headers: new Headers({
            'Content-Type': 'application/json; charset=utf-8',
            'Accept': 'application/json'
        })
    });
   }
}

bootstrap(AppComponent, [
   ...,
   provide(RequestOptions, {useClass: MyOptions})
]);

answered Jan 14, 2016 at 11:34

Gaurav Mukherjee

6,3352 gold badges25 silver badges33 bronze badges

Comments

Peter Pišljar · Accepted Answer · 2016-01-14 10:56:56Z

0

as binariedMe mentioned, JSON.stringify will do what you want. If you want to send binary data maybe you want to look into BSON: https://github.com/mongodb/js-bson

answered Jan 14, 2016 at 10:56

Peter Pišljar

591 silver badge4 bronze badges

Collectives™ on Stack Overflow

how to post body containing Object instead of string to http api? angular2?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related