Ionic POST提交使用普通表单提交数据

使用 和 GET 拼接参数一样拼接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
doLogin() {
let url = "http://loginApiUrl";

var headers = new Headers()
headers.append('Content-Type', 'application/x-www-form-urlencoded');

let options = new RequestOptions({ headers: headers });


let body = "username=" +'test' + "&password=" + 'admin@mac.com';

console.log("Form Data:"+body);

return this.http.post(url, body, options) .map(res => res.json()).subscribe(
data => {
console.log(data);
},
err => {
console.log("ERROR!: ", err);
}
);
}

这个参数放入 post 请求的 body 中

References
  1. How to send Http Post parameter using x-www-form-urlencoded in Ionic 2
  2. Form data is empty when calling http.post() with ContentType header 循环对象,使用类似键值对的方式放入数组,然后再使用 js的数组 join方法