将JSON数组从Javascript传递到Web API Controller方法

Question

我无法在web api控制器方法(SaveDetails)中获取JSON数组参数.
这是我的代码.

JavaScript代码:

  $.ajax(
    {
        url  : "api/Test/SaveDetails",
        type : "POST",
        data : {
                    "employees":
                    [
                        { "firstName": "John", "lastName": "Doe" },
                        { "firstName": "Anna", "lastName": "Smith" },
                        { "firstName": "Peter", "lastName": "Jones" }
                    ]
                },
        success: function (data) {alert("success");},
        error: function () {alert("Error");}
    })
    

控制器方法

[HttpPost]
public DataSet SaveDetails(Models.Person[] obj)
{
    //save opertion.    
}

模型方法:

 public class Person
{
    public string firstName { get; set; }
    public string lastName { get; set; }
}

在web api方法中获取JSON数组参数有哪些更改.

Answer 1

请尝试以下代码:

声明模型方法如下:

public class Models.employees
{
    public string firstName { get; set; }
    public string lastName { get; set; }
}

public class Models.RootObject
{
    public List<employees> employees { get; set; }
}

控制器:

[HttpPost]
public DataSet SaveDetails([FromBody]RootObject Person)
{
    //save opertion.    
}

这是预期的结果:

Answer 2

我在寻找问题的答案时遇到了这个线程，试图将对象列表/数组传递给 Web api 控制器。

\n\n

详细信息请参见此链接：\n https://kwilson.io/blog/post-an-array-of-objects-to-webapi-using-jquery/

\n\n

\n

将数据更改为单个匿名对象而不是原始数组，它\xe2\x80\x99 就可以工作。

\n

\n\n

因此，在您的情况下，您可以对数据执行以下操作

\n\n

data : {\n                "":\n                [\n                    { "firstName": "John", "lastName": "Doe" },\n                    { "firstName": "Anna", "lastName": "Smith" },\n                    { "firstName": "Peter", "lastName": "Jones" }\n                ]\n            },\n

\n\n

在你的 Web API 控制器中

\n\n

[HttpPost]\npublic DataSet SaveDetails(List<Models.Person> obj)\n{\n    //save operation.    \n}\n

\n\n

这样，您就不必像 Veera 的答案那样创建另一个类来保存列表对象。

\n