没有在我的后端从客户端获取正确的数据

Question

我正在尝试将数据发送到我的后端，但是当涉及到后端时，它会捕获一个异常，从而返回错误消息。 我假设这是因为来自客户端的数据格式与我预期的有所不同。

我希望我的后端接收 json 字符串（我有其他函数可以稍后将 jsong 字符串作为对象）。

我做错了什么？我知道我可以在后端为来自客户端的数据创建建模类，但我需要在没有它们的情况下工作，它应该工作，因为数据都是来自我的客户端的字符串 从客户。

客户

  //to backend 
  callServer() { 
    var data = JSON.stringify(test);
    //dispaly JSON like {"GradeA" : "23", "GradeB" : "45", "GradeC" : "22"} 
    console.log(data);
    const headers = new HttpHeaders().set('Content-Type', 'application/json');

    this.appService.http.post('http://localhost:2717/api/testAPi/test', data, {headers: headers})
                        .subscribe(data => {console.log(data), (err) => console.error("Failed! " + err);
      })
  }

后端

public class testAPiController : ApiController
{
    private static readonly ILog Log = LogManager.GetLogger(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType);

    public string test([FromBody] string body)
    {
        try
        {
            Log.Info(string.Format("data {0}", body));
            //convert to json object 
            return json_object;
        }

        catch (Exception ex)
        {
            Log.Error(ex.Message);
            return "error";
        }
    }
}

配置

public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            config.MapHttpAttributeRoutes();

            // Web API configuration and services
            log4net.Config.XmlConfigurator.Configure();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{action}/{id}",
                defaults: new { action = "GET", id = RouteParameter.Optional }
            );

        }
    }

更新1

我没有收到任何错误消息，但将我的正文返回为 null

更新2

 this.appService.http.post('http://localhost:2717/api/testAPi/test', "{\"GradeA\" : \"23\", \"GradeB\" : \"45\", \"GradeC\" : \"22\"}", {headers: headers})

当 Postman 使用它时，仍然不能使用不同格式的 body

Answer 1

我 99% 确定这是因为您定义要发送 JSON（对象） - 您的标头向 WebAPI 显示：

headers = new HttpHeaders().set('Content-Type', 'application/json');

而且这个对象相当复杂。 在 Controller 中，您期望的是简单的字符串。

您应该：

通过在方法原型中定义模型将 JSON 反序列化作业移至 Controller：

public string test([FromBody] YourClassResemblingJson body)
{
    ...
}

请在此查看更多详细信息：Post json data in body to web api

或者只是将您的 JSON 作为格式正确的字符串发送。所以 JSON 最初看起来是这样的：

{"body": "sampleBody"}

应该是这样的：

"{\"body\": \"sampleBody\"}"

您的代码如下所示：

callServer() { 
    var data = JSON.stringify(test);
    data = "\"" + data.replace("\"", "\\\"") + "\"";
    //display JSON like "{\"GradeA\" : \"23\", \"GradeB\" : \"45\", \"GradeC\" : \"22\"}" 
    console.log(data);
    const headers = new HttpHeaders().set('Content-Type', 'application/json');

    this.appService.http.post('http://localhost:2717/api/testAPi/test', data, {headers: headers})
                    .subscribe(data => {console.log(data), (err) => console.error("Failed! " + err);
     })
}

在第一种方法中，body 对象将填充来自 JSON 的数据，在第二种方法中，body 变量中将有正确的string。

很抱歉编辑了这么多，但我不确定您的问题到底是什么，所以我花了一些时间来深入研究 WebAPI 规范。

Answer 2

首先，您的 API 方法是 GET 方法，因为这是默认方法，但您正在从客户端进行 POST 调用。除此之外，传递的数据不会在任何地方使用

public string test([FromBody] string body)
{