在 Angular 8 中,可以使用 HttpClient
和 HttpParams
对象来实现 URL 编码的表单提交。下面是一个代码示例:
import { HttpClient, HttpParams } from '@angular/common/http';
HttpClient
:constructor(private http: HttpClient) { }
submitForm(formData: any) {
// 创建 HttpParams 对象
let params = new HttpParams();
// 遍历表单数据,将每个表单字段添加到 HttpParams 对象中
for(let key in formData){
params = params.append(key, formData[key]);
}
// 发送 POST 请求
this.http.post('your-api-url', params)
.subscribe(response => {
// 处理响应
}, error => {
// 处理错误
});
}
在上面的代码中,formData
是一个包含表单字段和值的对象。通过遍历这个对象,将每个字段添加到 HttpParams
对象中。
submitForm
方法来提交表单:
在上面的代码中,formData
是在组件中定义的一个对象,用于存储表单字段和值。
这样就可以实现 URL 编码的表单提交了。在 submitForm
方法中,将表单数据转换为 HttpParams
对象,并通过 HttpClient
的 post
方法发送 POST 请求。