Asp.net Web API Post List<t> 没有进入方法

Question

我遇到了一个问题，我似乎无法将这些数据从 jquery 正确传递到 web api。

这是我的 javascript 代码：

var chartRequestParams = [
     { QueueMode: "Investigations", DataMode: "items_completed" },
     { QueueMode: "Investigations", DataMode: "items_completed_avg_age" },
     { QueueMode: "Investigations", DataMode: "active_items" }
];

$.post('/api/dashboard/GetActiveAgeChart', chartRequestParams, function (data) {  });

这是我的 Web API 代码：

[HttpPost]
public List<HighChartsResponse> GetActiveAgeChart(List<ChartRequestParam> chartRequestParams)
{ .....continued....

上面的方法都进不去

这是我的“模型”

public class ChartRequestParam
{
  public ChartRequestParam()
  {
    this.QueueMode = string.Empty;
    this.DataMode = string.Empty;
  }

  public string QueueMode { get; set; }
  public string DataMode { get; set; }
}

我已经尝试了很多此代码的变体，但都没有成功。基本上我只是想将一个列表发布到 web API 方法。

我收到一个 500 服务器错误，如果我在“GetActiveAgeChart”方法中设置断点，它甚至不会命中它。

Answer 1

首先，我假设您的控制器名为DashboardController。如果是这样，您将需要发布到 /api/dashboard，但 URI 中没有操作方法。 Web API 确实支持 RPC 样式，但这可能并不重要。

其次，您需要对有效负载进行字符串化，类似这样。

$.ajax({
    url: '/api/dashboard', type: 'POST', contentType: 'application/json',
    data: JSON.stringify(chartRequestParams)
});

这会将请求消息作为 JSON 发布。如果您希望它是 www-form-urlencoded，则需要阅读 http://aspnetwebstack.codeplex.com/workitem/177。