Angular 2 - 从http.get获取json文件名
问题描述:
在服务器目录中,我有一个json文件列表。我需要将每个json 文件名导入到我的angular 2组件或字符串或其他结构中。Angular 2 - 从http.get获取json文件名
我尝试使用此服务将http.get创建到Web服务器。
export class AnUtenteService {
getFiles() : Observable<string[]> {
return this.http.get(directory)
.map(this.extractData)
.catch(this.handleError);
}
private extractData(res: Response) {
let body = res.json();
return body.data || { };
}
private handleError (error: any) {
let errMsg = (error.message) ? error.message :
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
console.error(errMsg); // log to console instead
return Observable.throw(errMsg);
}
}
但是当我的组件我叫anutenteservice.getFiles()我得到这个错误:在JSON 意外标记<在位置0。 这是我的组件
export class OrderslistComponent{
newsList;
errorMessage;
constructor(private anutenteservice: AnUtenteService, private http: Http)
{}
ngOnInit() {
this.anutenteservice.getFiles()
.subscribe(data => this.newsList = data,
error => this.errorMessage = <any>error);
}
}
我不明白哪里是错误。我该怎么办?
答
尝试做这样的结构:
export class OrderslistComponent {
newsList;
errorMessage;
constructor(private anutenteservice: AnUtenteService) {
this.anutenteservice.getFiles.subscribe((data) => {
this.newsList = data;
}
);
}
ngOnInit() {
}
}
并添加Http
到服务类。添加到您的服务类:
constructor(private http: Http) {
}
更新1:
尝试改变类型,在这里:
private extractData(res: Response) {
let body = res.text();
return body.data || { };
}
如果你的反应类型不是JSON
。
在我看来,像你发送的请求是返回HTML而不是JSON,因为第一个字符是“
你在某处使用JSON.parse吗? – Powkachu
@AhmedMusallam网络选项卡中的响应类型是text/html,我发送的请求是application/json ..这是问题吗?我怎样才能返回一个JSON类型而不是HTML? – ndrn