JSON 不会在 MVC 4 中发布包含 1 项的数组

Question

我有我的 MVC 4 项目。我有 2 个select 有多个选项。

<select id="ReportDetailsSelectList" class="form-control ListBox valid" size="10" multiple="">
    <option value="ADMN">Administration</option>
    <option value="ARC">Adminstrative Resource Center</option>
    <option value="BALS">Balance Sheet</option>
</select>

<select id="ReportDetailsSelectList2" class="form-control ListBox valid" size="10" multiple="">
    <option value="ATL">Atlanta</option>
    <option value="BALT">Baltimore</option>
    <option value="BETH">Betheseda</option>
    <option value="CAMD">Camden</option>
</select>

<button id="btnSubmit" name="btnSubmit" type="button" class="btn btn-primary">Submit</button>

我需要从 2 个select 列表中收集所有选定的值并将其发布到我的Action

这是我的 JavaScript 代码：

$('#btnSubmit').click(function () {
    var result = [];
    // Go through Details List
    $('select#ReportDetailsSelectList option:selected').each(function () {
        // Collect Name and Value
        var item = {};
        item.Key = $(this).val();
        item.Value = $(this).text();
        result.push(item);
    });

    var result2 = [];
    // Go through Details List
    $('select#ReportDetailsSelectList2 option:selected').each(function () {
        // Collect Name and Value
        var item = {};
        item.Key = $(this).val();
        item.Value = $(this).text();
        result2.push(item);
    });

    CollectPostData(result, result2);
});

function CollectPostData(result, result2) {
    // Post collected data to the action
    $.ajax({
        url: "/Home/GenerateReport",
        type: "POST",
        data: JSON.stringify({ 'detailList': result, 'detailList2': result2 }),
        dataType: "json",
        traditional: true,
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            if (data.status == "Success") {
                alert(data.message);
            } else {
                alert("Error occurs on the Database level!");
            }
        },
        error: function () {
            alert("An error has occurred!!!");
        }
    });
}

我有一个简单的类来存储我的对象：

public class DetailList
{
    public string Key { get; set; }
    public string Value { get; set; }
}

这是我的控制器 ActionResult：

[HttpPost]
public ActionResult GenerateReport(DetailList[] detailList, DetailList[] detailList2)
{
    return Json(new { status = "Success", message = "Success" }, JsonRequestBehavior.AllowGet);
}

这是我的问题的开始......几个场景：

1) I have multiple option selected in both lists - data posted correctly:

2) Multiple options in 1st list, 1 option in 2nd list - data posted correctly

3) 1 option in 1st list, 1 option in 2nd list - First array is null, but the second array posted correctly:

我不知道为什么会这样？我以完全相同的方式收集我的两个数组并以相同的方式发布它，但由于某些原因，它以不同的方式发布。我检查了 Firefox 调试器，我发现所有数据都收集得很好。 result 和 result2 都有数据，即使只有 1 个项目...

任何人，请帮忙，我在这里做错了什么？

Answer 1

让它工作。

问题是 MVC 不喜欢当您有多个 POST 参数时，至少在 MVC 4 中默认情况下不会。它希望您的所有 POST 数据都将作为一个对象发送。

这是我对您的代码所做的更改。

添加以下类：

public class GenerateReportViewModel
{
    public DetailList[] ListA { get; set; }
    public DetailList[] ListB { get; set; }
}

更改您的操作方法签名：

[HttpPost]
public ActionResult GenerateReport(GenerateReportViewModel viewModel)
{
    return Json(new { status = "Success", message = "Success" }, JsonRequestBehavior.AllowGet);
}

更改您的 CollectPostData JavaScript 函数：

function CollectPostData(result, result2) {
    // Post collected data to the action
    $.ajax({
        url: "/Home/GenerateReport",
        type: "POST",
        data: JSON.stringify({
            ListA: result,
            ListB: result2
        }),
        dataType: "json",
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            if (data.status == "Success") {
                alert(data.message);
            } else {
                alert("Error occurs on the Database level!");
            }
        },
        error: function () {
            alert("An error has occurred!!!");
        }
    });
}

MVC 5 似乎进行了一些更改，使您可以更灵活地选择模式，这就是我无法在那里重现它的原因。通常，如果 POST 数据都在一个对象中，则管理它会更容易。您的操作方法将具有更少的参数（一个）。

这是另一个类似的 SO 问题，可能会提供更多见解：

Post multiple parameters to MVC Controller using C#