无法使用 AJAX 将数组绑定到列表

Question

我正在使用 AJAX 调用尝试将数组中的数组绑定到 C# 中的列表。第二个集合始终为空。

---

如果您不熟悉 DataTables，只需担心 dataTableOptions 的 AJAX 部分，因为它与 jQuery 相同。这是我目前所拥有的：

JavaScript

var dataRows = [{ RowCells: ["Test", "Test"] }];
var reportSectionContents = { DataRows: dataRows };
dataTableOptions = {
    processing: true,
    serverSide: true,
    ajax:  {
        url: "/Data/ProcessDataTable",
        type: "POST",
        data: reportSectionContents
    }
};

Action

[HttpPost]
public JsonResult ProcessDataTable(ReportSectionContents reportSectionContents)    

ReportSectionContents

public class ReportSectionContents
{
    public string Title { get; set; }
    public ICollection<string> ColumnHeaders { get; set; }
    public ICollection<ReportRow> DataRows { get; set; }
    public ReportRow TotalRow { get; set; }

    public ReportSectionGraphContents Graph { get; set; }

    public ICollection<ReportSectionContents> LoopContents { get; set; }
}

ReportRow

public class ReportRow
{
    public IList<string> RowCells { get; set; }
}

运行时，操作中的reportSecionContents 对象被填充，DataRows 属性在集合中有 1 个项目，这是预期的。该项目有一个ReportRow 的实例，但在该对象内，RowCells 属性始终为空。

我希望这将填充 2 个字符串项（"Test"、"Test"）。我错过了什么？

编辑

有了 arserbin3 的回答，我可以更进一步，但现在我收到了 AJAX 请求错误，即“无效的 JSON 原语：后跟 JSON 字符串”。我已经使用标准的 jQuery AJAX 对其进行了测试，它工作正常，所以我很确定这是一个 DataTables 问题（www.datatables.net）。我传递的字符串似乎不正确，但数据表试图解析的信息似乎不像是 JSON 格式

Answer 1

您应该只对设置为 AJAX 请求的“数据”属性值的父对象进行字符串化。 此外，您应该将contentType 设置为 JSON，以便正确地将请求设置为application/json。

将您的 JavaScript 代码更改为：

var dataRows = [{ "RowCells": ["Test", "Test"] }];
var reportSectionContents = { DataRows: dataRows };
dataTableOptions = {
    processing: true,
    serverSide: true,
    ajax:  {
        url: "/Data/ProcessDataTable",
        type: "POST",
        contentType: 'application/json',
        data: JSON.stringify(reportSectionContents)
    }
};

Answer 2

您需要用 JSON.stringify() 包围字符串数组。这将使它正确地将字符串数组转换为字符串数组。它作为“测试，测试”的表单值而不是正确的数组进入服务器。

var dataRows = [{ RowCells: JSON.stringify(["Test", "Test"]) }];