[英]Issue with posting a object in Angular 2 and typescript
隨着郵遞員,我得到正確的回應與身體中的以下json:
{
"cpu": {
"filters": [
]
}
}
在我的Angular 2服務中,我發布了一個這樣的請求:
import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions, Response } from '@angular/http';
import { BaseService } from './base.service';
import { Observable } from 'rxjs/Observable';
import { Cpu } from '../entities/cpu';
import { PostObject } from '../entities/post-object';
import { CPU } from '../datasource/database-data';
import 'rxjs/add/operator/map';
@Injectable()
export class CpuService extends BaseService {
postObject: PostObject;
constructor(private http: Http) {
super();
}
getCpus(): void {
this.postObject = new PostObject();
console.log(JSON.stringify(this.postObject));
this.http.post(this.getUrl('/searchCPU'), JSON.stringify(this.postObject))
.subscribe((result: any) =>
console.log(result);
return result
});
}
}`
PostObject:
export class PostObject {
cpu: {
filters: string[]
}
}
當我控制登錄我的postObject對象時,它是空的......? 也許this.postObject = new PostObject();
是錯的 ..?
由於您希望JSON作為帖子正文,請設置正確的內容類型標頭:
this.http.post(this.getUrl('/searchCPU'), JSON.stringify(this.postObject), {headers:{'Content-Type': 'application/json'}})
如果你想發送它,那么類需要一個構造函數。 我想知道發送空Object的用例,但你也可以跳過這些類並手動創建一個Object。 雖然這不太好,但可以通過以下方式實現:
this.postObject = {cpu:{filters:[]}}
如果你想上課,你會有兩個:
export class PostObject {
constructor(public cpu: Cpu) {}
}
export class Cpu {
constructor(public filters: string[]) {}
}
並創建一個新的PostObject
如下所示:
this.postObject = new PostObject(new Cpu([]))
這兩種方法都能達到你想要的效果,即:
{
"cpu": {
"filters": [
]
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.