Http post response issue in Angular 8

Question

I am trying to get download the server response content as csv. While doing the same I have getting 2 errors.

Method given below:

generateCsv(exportModel: any) {
    let headers={};
    return this.http.post<any>(ReportConstant.exportApi, exportModel,
        { observe:"response",responseType: 'blob'})
} 

The error:

ERROR in src/app/components/export/_services/export.service.ts(22,91): error TS2322: Type '"response"' is not assignable to type '"body"'.

src/app/components/export/_services/export.service.ts(22,110): error TS2322: Type '"blob"' is not assignable to type '"json"'.

I am very new with front end technologies. Kindly suggest me the solution to resolve the issue.

Answer 1

     return  this.httpClient.post(url,
            body,
            {
                headers: new HttpHeaders({
                    'Content-Type': 'application/json'
                }),
                observe: 'response',
                responseType: 'blob'
            }
        );

Answer 2

The way you are using the POST API(Http Client) is wrong

If you are passing more data to server use POST or else GET should do the Job

POST: import statemenet in case you are doubtful

import {HttpClient, HttpHeaders, HttpParams, HttpParameterCodec} from "@angular/common/http";

add this in your constructor

private httpClient: HttpClient

Code starts:

let body = new HttpParams({encoder: new CustomEncoder()});
body = body.append('args', 'stringArguments')); //Add needed arguments

//Set header and response types

let options= {
      headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'),
      responseType:'text' as 'json'
    };

// This will return a promise(observable) which can be called utilized as 
// observableReturn.subscribe(response => this.ProcessAsyncResponse(response), error => this.HandleSRProcessError(error, this.serviceRequestCallList));

return this.httpClient.post(ajaxUrl, body, options)