Angular 2：带有URL参数和正文类型参数的HTTP Post请求

Question

我正试图用Angular 2发出HTTP POST请求，如下所示。

saveUserSelection() {
    var json = JSON.stringify({access_token: localStorage.getItem('access_token')});
    var params = 'json=' + json;
    var headers = new Headers();
    headers.append({ 'Content-Type': 'application/json' });

    return this.http
        .post('http://localhost:8080/user/selection', params, { headers: headers })
        .map(res => res.json());
}

但我得到一个错误如下。

Angular2.dev.js:23877异常：计算“NGSubmit”时出错原始异常：SyntaxError：无法对“XMLHttpRequest”执行“Set RequestHeader”：“[object object]”不是有效的HTTP标头字段名。

有人知道我的代码出了什么问题吗？以及如何使用解析正文类型参数创建HTTP POST请求？

Answer 1

这应该可以达到您想要的效果：

headers.append('Content-Type', 'application/json' );
headers.append('access_token', localStorage.getItem('access_token'));