如何使用打字稿通过参数发送 HTTP POST REQUEST

Question

我想通过类似的 param 发送一个 POST 请求：

http://127.0.0.1:9000/api?command={"command":"value","params":{"key":"value","key":"value","key":"value","key":value,}}

我试图这样做，但没有奏效：

    let command: HttpParams = new HttpParams();
    let params: HttpParams = new HttpParams();

    command = command.append('command', 'value');

    params = params.append('key', value);
    params = params.append('key', value);
    params = params.append('key', value);
    params = params.append('key', value);
    command = command.append('params', params.toString());


    this.httpClient.post('/api?', null, {
        params: command
    });


The error is: 500 (Internal Server Error)

请你帮助我好吗？

Answer 1

服务端给出的代码500有如下描述：

超文本传输​​协议 (HTTP) 500 内部服务器错误服务器错误响应代码表示服务器遇到了阻止其完成请求的意外情况。

我认为您的服务器正在尝试处理您的请求。 所以在你的代码中删除“.toString()”。

command = command.append('params', params.toString());

然后尝试 (Ctrl + shift + Supr) 查看 chrome 开发工具，然后转到“网络”选项卡。 您将看到所有来电。 检查您的请求是否具有您想要的格式。

Answer 2

解决办法是：

1) 首先我创建包含命令信息和参数的对象。 类似的：

const object = {
  command: 'command description',
  params: {
    properti: value,
    properti: value,
    properti: value,
  }
};

2) 之后，我使用 JSON.stringify() 将此对象转换为 json：

// convert object to json data
const jsonData = JSON.stringify(object);

3）第二步之后，我将json数据封装在HttpParams中

// encapsulate json data in http param
let httpParams: HttpParams = new HttpParams();
httpParams = httpParams.append('command', automationTestTriggerJson);

4）最后，我使用httpClient通过参数发送POST。 类似的：

this.httpClient.post<T>(url, body, {
        httpParams: parameters
});

注意：我不知道这是否是更好的解决方案，但它对我有用。