将json从angular2发布到restful webapi

时间:2017-01-03 15:31:21

标签: rest api angular

我有一个问题,当我尝试将json对象发布到我的restfull api时,它将无效。

我已经搜遍了整个地方并尝试了很多但没有成功。可以enyone帮助我,这是来自angular2的代码

postContact(contact: IContact){
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });
    let body = JSON.stringify(contact);
    return this._http.post(this._contactenlijstUrl, body, headers).map((res: Response) => res.json()).subscribe();

以下是webapi的代码

[HttpPost]
        public IActionResult VoegPersoonToe([FromBody]JObject test)
        {
            try
            {
              .... Here i have to create a class and import the json object...

                return Ok();
            }
            catch (Exception)
            {

                return BadRequest();
            }
        }

当我运行代码时,我收到此错误:

Angular 2正在开发模式下运行。调用enableProdMode()以启用生产模式。 http://localhost:39468/api/contacten/无法加载资源:服务器响应状态为415(不支持的媒体类型) core.umd.js:3462 EXCEPTION:状态响应:415网址不支持的媒体类型:http://localhost:39468/api/contacten/ ErrorHandler.handleError @ core.umd.js:3462 Subscriber.ts:241Uncaught Response

帮助

1 个答案:

答案 0 :(得分:0)

您没有将RequestOptions传递给post方法,而是将标题放入!试试这个:

return this._http.post(this._contactenlijstUrl, body, options).map((res: Response) => res.json()).subscribe();