Angular 中没有正文的 HTTP Post答案

【问题标题】：HTTP Post with no body in AngularAngular 中没有正文的 HTTP Post
【发布时间】：2018-05-06 14:43:22
【问题描述】：

我想知道如何发送没有正文的 HTTP 发布请求（特别是在 Angular 中）。这就是我现在正在做的事情，但我收到了错误Expected 2-3 arguments, but got 1)。

我意识到第二个参数是针对正文的，但我没有将它发送到服务器（是的，我知道 POST 调用会改变系统的状态，并且已经查看了 THIS 问题）。

postRequest(id) {
  this.http.post('/api?data=' + id).map(
    (response) => {
      return response;
    }
  )
}

【问题讨论】：

【解决方案1】：

看起来这是正确的答案：

postRequest(id) {
  this.http.post('/api?data=' + id, null).map(
    (response) => {
      return response;
    }
  )
}

【讨论】：

【解决方案2】：

如果null 不起作用（客户端出现4XX 错误），请尝试使用{} JSON：

postRequest(id) {
    this.http.post('/api?data=' + id, {}).map((response) => {return response;});
}

【讨论】：

【解决方案3】：

使用您的 IDE 转到 POST 方法的定义，您可以看到传递 body: any | null 是可用的输入

post(url: string, body: any | null, options: {
    headers?: HttpHeaders | {
        [header: string]: string | string[];
    };

【讨论】：

【解决方案4】：

尝试在不传递“body”的情况下调用 HTTP 'Post'，并在 Angular 6 中收到此错误 -

如果我们在 client.d.ts 中定义 POST 方法，它表明 post 方法需要 'body' 或 'null' 值（例如 - body: any | null）-

post(url: string, body: any | null, options?: {
...
}): Observable<Object>;

解决方案 - 我刚刚添加了 'null' 并且错误消失了 -

postSync(): any {
    return this.http.post(`${environment.apiUrl}/xyz/sync-api`, null);
}

【讨论】：