如何使用 Angular2 POST FromData

Question

我尝试使用 Angular2 发送带有 FormData 的 post 请求。 但是我的网络服务器什么也没有，并向我发回错误代码 500。我使用 PostMan util（GoogleChrome 插件）检查了请求。 我发现只有当我什么都不发送时才能达到 500。

let Form = new FormData();
    Form.append("username", this.username);
    Form.append("password", this.password);

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

    this.http.post("/ajax/rest_login",
        Form,
        {headers: headers})
    .map((res: Response) => res.json())
    .subscribe(
            res => console.log(res.text()),
            err => console.log(err),
            () => console.log('done'));

我做错了什么？ 也许您知道发布 FormData 的更好方法

Answer 1

你应该使用URLSearchParams类来做到这一点：

let form = new URLSearchParams();
form.set("username", this.username);
form.set("password", this.password);

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

this.http.post("/ajax/rest_login",
    form.toString(),
    {headers: headers})

目前，Angular2 的 HTTP 支持不支持FormData类。

不要忘记导入Headers类：

import {Http,Headers,URLSearchParams} from 'angular/http';