How to handle Angular HttpClient.post return as string?

Question

All the examples I found in web are like this:

createArticle(article: Article): Observable<Article> {
     return this.http.post<Article>(this.url, article);
}

so they assume that web API's response contains Article. How to write above so that an Article is posted to web API and the response is string?

Hila Grossbard · Accepted Answer · 2020-08-06 09:54:42Z

5

I came across this solution which solved the problem perfectly for me.

changing the return type is not enough, you need to add headers to your requst as bellow:

 createArticle(article: Article): Observable<any> {
    
        var headers = new HttpHeaders().set('Content-Type', 'text/plain; charset=utf-8');
    
        return this.http.post<any>(this._url, article, { headers, responseType: 'text' as 'json' })
            .pipe(catchError(err => {
                console.log(err);
                return Observable.throw(err);
            }));
}

answered Aug 6, 2020 at 9:54

Hila Grossbard

6221 gold badge11 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

How to handle Angular HttpClient.post return as string?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related