从 Angular 2 到 ASP.net Core 的 POST 请求不起作用。服务器端的空值

Question

后端，ASP.net Core API：

[Produces("application/json")]
    [Route("api/[controller]")]
    public class StoriesController : Controller
    {
        public static List<Story> STORIES = new List<Story>
            {
                new Story
                {
                    content = "Some really interesting story about dog",
                    timeOfAdding = new DateTime(2016, 8, 26),
                    numberOfViews = 11
                },
                new Story
                {
                    content = "Even cooler story about clown",
                    timeOfAdding = new DateTime(2016, 9, 26),
                    numberOfViews = 11
                },
                new Story
                {
                    content = "And some not cool story",
                    timeOfAdding = new DateTime(2016, 10, 26),
                    numberOfViews = 11
                }
            };

        // POST api/values
        [HttpPost]
        public void Post([FromBody]string value)
        {
            Story story = new Story
            {
                content = value,
                timeOfAdding = DateTime.Now,
                numberOfViews = 0
            };
            STORIES.Add(story);
        }
    }

TypeScript 函数：

add(content: string): Observable<Story> {
        let body = JSON.stringify({ "value": content });
        //let body = { "value": content };
        let headers = new Headers({ 'Content-Type': 'application/json' });
        let options = new RequestOptions({ headers: headers});

        return this.http.post(this.heroesUrl, body, options)
            .map(this.extractData)
            .catch(this.handleError);
    }

发送的参数（在 Firefox 控制台中看到）：

value = null 在 Visual Studio 2015 调试器中

怎么了？我已经尝试了我在互联网上找到的所有内容：添加/删除标题、删除 JSON.stringify、添加/删除 [FromBody] 属性。结果每次都一样。

Answer 1

由于您将值作为 JSON 传递（如屏幕截图所示），因此您应该正确使用模型绑定并使用正确的类而不是字符串输入：

public class StoryAddRequest
{
    public string Value { get; set; }
}

然后您可以在控制器中使用它：

// POST api/values
[HttpPost]
public void Post([FromBody] StoryAddRequest request)
{
    if (request != null)
    {
        Story story = new Story
        {
            content = request.Value,
            timeOfAdding = DateTime.Now,
            numberOfViews = 0
        };
        STORIES.Add(story);
    }
}

来自documentation：

请求数据可以有多种格式，包括 JSON、XML 和许多其他格式。当您使用[FromBody] 属性指示您希望将参数绑定到请求正文中的数据时，MVC 使用一组配置的格式化程序来根据其内容类型处理请求数据。默认情况下，MVC 包含一个用于处理 JSON 数据的 JsonInputFormatter 类，但您可以添加其他格式化程序来处理 XML 和其他自定义格式。