如何使用x-www-form-urlencoded强制Angular2进行POST

Question

我有一个项目需要使用Angular2（最终版）发布到旧的，旧的Tomcat 7服务器，该服务器使用.jsp页面提供某种类似于REST的API。

当项目只是一个简单的执行AJAX请求的JQuery应用程序时，此方法效果很好。但是，该项目的范围已经扩大，因此需要使用更现代的框架来重写它。Angular2看起来很适合这项工作，但有一个例外：它拒绝使用任何选项来执行POST请求，但将其作为表单数据（不提取API）作为表单数据。该API希望所有内容都采用urlencode，依靠Java的request.getParameter("param")语法来提取各个字段。

这是从我的user.service.ts中摘录的：

import { Injectable }    from '@angular/core';

import { Headers, Response, Http, RequestOptions } from '@angular/http';

import { Observable } from 'rxjs/Observable';

import 'rxjs/add/operator/map';

@Injectable()

export class UserService {

    private loggedIn = false;

    private loginUrl = 'http://localhost:8080/mpadmin/api/login.jsp';

    private headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'});

    constructor(private http: Http) {}

    login(username, password) {

        return this.http.post(this.loginUrl, {'username': username, 'password':  password}, this.headers)

            .map((response: Response) => {

                let user = response.json();

                if (user) {

                    localStorage.setItem('currentUser', JSON.stringify(user));

                }

            }

        );

    }

}

无论我将标头内容类型设置为什么，它总是以非编码形式的数据形式到达。它不符合我设置的标题。

有人遇到过这种情况么？如何迫使Angular2以旧Java API可以使用读取的格式发布数据request.getParameter("param")？

编辑：对于以后发现此问题的任何其他人，解决方案实际上非常简单。像这样设置帖子的正文：

let body = `username=${username}&password=${password}`;`

请参阅下面的Brad示例。