angular 8 Http POST with content type application/x-www-form-urlencoded

Angular 8中使用HTTP POST请求并设置Content-Type为application/x-www-form-urlencoded的方法如下：

首先，确保已经安装了Angular的HttpClient模块。在Angular 8中，HttpClient模块是默认可用的，无需额外安装。

然后，在你的组件或服务中引入HttpClient模块：

import { HttpClient, HttpHeaders } from '@angular/common/http';

接下来，创建一个方法来发送POST请求：

postData(url: string, data: any) {
  const headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
  return this.http.post(url, this.transformRequest(data), { headers });
}

transformRequest(obj: any) {
  const formData = new FormData();
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      formData.append(key, obj[key]);
    }
  }
  return formData;
}

在上面的代码中，我们使用了transformRequest方法来将传入的数据对象转换为FormData对象。这是因为application/x-www-form-urlencoded格式的数据需要以键值对的形式发送。

最后，在需要发送POST请求的地方调用postData方法：

const url = 'https://example.com/api';
const data = {
  username: 'john',
  password: 'secret'
};

this.postData(url, data).subscribe(response => {
  console.log(response);
}, error => {
  console.error(error);
});

在上面的代码中，我们定义了一个URL和一个包含用户名和密码的数据对象。然后，我们调用postData方法发送POST请求，并使用subscribe方法来处理响应或错误。

关于Angular 8中HTTP模块的更多信息，你可以参考腾讯云的相关文档和示例代码：