从React将Json发布到C#WebApi

时间:2018-09-09 21:24:32

标签: c# ajax reactjs asp.net-web-api2 frombodyattribute

我有一个C#WebAPI操作。我正在尝试使用React向其发布一个字符串(但是json字符串化字符串)。

由于某种原因,当内容类型为aopplication / json时,我得到了405方法不允许。 Urlencoded确实进入了PostTransaction,但是body始终为null。 我需要更改什么才能在PostTransaction中获取json?

WebConfig

<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

WebApiConfig

config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("text/html"));
config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("application/json"));

C#WebApi

[HttpPost]
[ActionName("PostTransaction")]
public string PostTransaction([FromBody] string body, string task, int key, string filters, string options)
{
    // body is null from react when content type is urlencoded, but correct from jquery post
    string returnString = "no data found";
    if (body != null) {
        returnString = body.ToString();
    }

    return returnString;
}

反应

var dataToSend = JSON.stringify({ param1: "value1", param2: "value2"});
fetch('http://localhosturl/PostTransaction',
  {
    method: 'post',
    headers: {
      'Accept': 'application/json, text/plain, */*',
      'Content-Type': 'application/json'
    },
    body: dataToSend
  })
  .then(response => {
}

jQuery Post

var dataToSend = JSON.stringify({ param1: "value1", param2: "value2"});
$.post('http://localhosturl/PostTransaction', { '': dataToSend }).done(function (data) {
     console.debug(data); // returned data from Web API
});

谢谢

1 个答案:

答案 0 :(得分:0)

所以区别的原因是,我需要将React中的对象转换为字符串,然后再次对其进行字符串化。

我的原始帖子确实做到了这一点,但同时我将其从urlencode更改为application / json,如果我只是将其更改(请参阅历史记录)更改为application / json而又不删除第二个stringify,工作正常。

body: JSON.stringify(JSON.stringify(dataToSave))

这样一来,当它实际发布时,它仍然带有转义的引号。