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; }
}

这是我的Controller 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调试器，发现所有数据都已收集妥当。 即使有1个项目， result和result2都具有数据...

有人，请帮助，我在这里做错了什么？

Answer 1

得到它的工作。

问题在于，当您有多个POST参数时，MVC不会喜欢，至少在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问题，可以提供更多的见解：

使用C＃将多个参数发布到MVC Controller