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

时间:2016-04-19 05:09:20

标签: javascript angular

我正在尝试使用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 EXCEPTION:评估" ngSubmit"时出错       原始异常:SyntaxError:无法执行' setRequestHeader' on' XMLHttpRequest':' [object Object]'不是有效的HTTP标头字段名称。

有没有人知道我的代码有什么问题?如何使用解析主体类型参数创建HTTP POST请求?

1 个答案:

答案 0 :(得分:0)

这应该做你想要的:

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