MVC ListBox 没有将数据传递给 Action

Question

当我使用 FireBug 时，我看到 selectedPrdLctn 的选定值设置正确，但是当我将它通过 JSON 传递给我的操作时，它是 null

        $.getJSON('@Url.Action("GetCS")', { cntrParam: selectedPrdLctn }, function (getCS) {

我的行动

   public ActionResult GetCS(String[] cntrParam)

如果我使用 dropDownList，代码就可以工作。 知道为什么我不通过选择吗？

Answer 1

我怀疑问题出在您没有设置traditional参数并且 jQuery 没有以默认 model 活页夹能够理解的格式发送集合。 如果您使用的是 jQuery 1.4 或更高版本，则必须设置此参数。

例如：

Model：

public class MyViewModel
{
    public string[] SelectedValues { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

Controller：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyViewModel
        {
            Items = new[] 
            {
                new SelectListItem { Value = "1", Text = "item 1" },
                new SelectListItem { Value = "2", Text = "item 2" },
                new SelectListItem { Value = "3", Text = "item 3" },
                new SelectListItem { Value = "4", Text = "item 4" },
            }
        };
        return View(model);
    }

    public ActionResult GetCS(string[] values)
    {
        return Json(new 
        { 
            message = string.Format("{0} item(s) selected", values.Length) 
        }, JsonRequestBehavior.AllowGet);
    }
}

看法：

@model MyViewModel

@Html.ListBoxFor(
    x => x.SelectedValues, 
    Model.Items, 
    new { 
        id = "mylist",
    }
)

@Html.ActionLink("Send AJAX", "getcs", null, new { id = "mylink" })

脚本：

$(function () {
    $('#mylink').click(function () {
        var selectedValues = $('#mylist').val();
        $.getJSON(this.href, $.param({ values: selectedValues }, true), function (result) {
            alert(result.message);
        });
        return false;
    });
});

请注意我是如何使用$.param .param function 并将其作为代表传统参数的第二个参数传递给 true 的。 尝试使用true和false调用它，您将看到 FireBug 中的差异，并且您将理解为什么如果不设置此参数它就不起作用。

您还可以为所有 AJAX 请求全局设置此参数：

$.ajaxSetup({
    traditional: true
});

然后以下将起作用：

$.getJSON(this.href, { values: selectedValues }, function (result) {
    alert(result.message);
});