Я пытаюсь установить заголовок для post api как application.json
let options: { headers?: {'Content-Type':'application/json'} }
но не установлен.
Я пытаюсь установить заголовок для post api как application.json
let options: { headers?: {'Content-Type':'application/json'} }
но не установлен.
Чтобы определить тип содержимого с новым классом HttpClient, вам необходимо:
@angular/common/http
(и NOT из @angular/http
который в настоящее время отмечен как устаревший)import { HttpClient, HttpHeaders } from '@angular/common/http';
HttpClient
в конструктор:constructor(private http: HttpClient) { }
headers
частных полей для определения желаемого типа контента и options
для подготовки объекта, который вы будете использовать при вызове:private options = { headers: new HttpHeaders().set('Content-Type', 'application/json') };
this.http.post('your target url', yourBodyObject, this.options)
где 'your target url'
и yourBodyObject
используются только в качестве примера и должны быть заменены вашими реальными данными.
В Angular Documentation есть раздел на этот счет - возможно, добавленный совсем недавно:
import { HttpHeaders } from '@angular/common/http';
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': 'my-auth-token'
})
};
TypeScript предупреждал меня, когда я пытался добавить тип ответа в httpOptions, используя вышеуказанный формат, поэтому я успешно использую следующее:
let headers = new HttpHeaders({
'Content-Type': 'application/text'
});
return this.http.get(url, { responseType: 'text', headers })
Ссылка на документы
Проверь это,
import {Http, Response, Headers, RequestOptions} from "@angular/http";
а также
let headers = new Headers({ 'Content-Type': 'application/json'});
let options = new RequestOptions({headers: headers});
для вызова Http.
Попробуйте этот код здесь =>
let header = {'Content-Type':'application/json'}
Вот пример:
public _funName( _params ): Observable<void> {
const headers = new Headers( { 'Content-Type': 'application/json' } // set your header);
/* The option withCredentials: true in the code bellow is used with the CORS variables, that is when the REST functions are on another server then Node.js and the Angular2 development application. */
const options = new RequestOptions( { headers: headers, withCredentials: true } );
return this.http.post( _yourLink, _params, options )
.map( this.extractData )
.catch( this.handleError );
}
public extractData( res: Response ) {
const body = res.json();
// const body = res;
return body || {};
}
public handleError( error: Response | any ) {
let errMsg: string;
if ( error instanceof Response ) {
const body = error.json() || '';
const err = body.error || JSON.stringify( body );
errMsg = '${error.status} - ${error.statusText || ''} ${err}';
} else {
errMsg = error.message ? error.message : error.toString();
}
console.error( errMsg );
return Observable.throw( errMsg );
}
Я надеюсь, что это поможет вам.
let hdr = {
'Content-Type': 'application/json'
};
let options = { headers: hdr };
this.httpClient.post(url, payloadData, options);
Фрагмент кода OP:
let options: { headers?: {'Content-Type':'application/json'} }
определяет переменную параметров типа { headers?: {'Content-Type':'application/json'} }
, которая является допустимой, но не той, которую вы хотите. Измените :
на a =
чтобы назначить его, и удалите ?
, который не действителен для назначений. Это законно, ближе всего к тому, что пытался ФП, и должно работать:
let options = { headers: {'Content-Type':'application/json'} };
Если вы используете http.put()
используйте следующий код и http.put()
json/plain text:
const httpOpt = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Accept': 'application/json, text/plain'
})
};
this.http.put('http://localhost:8080/bookapi/api/book/'+id, JSON.stringify(requestObj), httpOpt);
Вот как я получаю данные пользователя внутри user.service.ts
Импорт:
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {Observable} from 'rxjs/Observable';
import {Injectable} from '@angular/core';
Объявление переменных внутри класса:
@Injectable()
export class UserService {
private httpHeaders = new HttpHeaders().set('Content-Type','application/json');
protected options = {headers: this.httpHeaders,
search:{}
};
constructor(private http: HttpClient) {
}
/**
* getting user details
* @returns {Observable<any>}
*/
getUser(): Observable<any>{
return this.http.get('userApi/').catch(err => this.errorHandler(err));
}
/**
*
* @param error
* @returns {any}
*/
errorHandler(error: any): any {
if (error.status < 400) {
return Observable.throw(new Error(error.status));
}
}
}
Мы можем определить заголовки запроса, создав новый объект HttpHeaders.
Объект HttpHeaders является неизменным по своей природе. Поэтому установите все детали заголовка в одной строке.
getUser(name: string, age: string) {
const params = new HttpParams().set('name', name).set('age', age);
const headers = new HttpHeaders()
.set('Content-Type', 'application/json')
.set('Authorization', 'my token');
return this.http
.get('${endPoint}/user', {
params,
headers
});
}