asp.net-mvc-3 - 如何接受通过ajax传递的值

Question

我编写了一个代码来传递用户通过单击复选框选择的那些记录的 id

点击 bttn 提交下面的代码被调用

  $("#button").click(function () {

 var selected = $(".a:checked").map(function() {
    return this.id;
}).get();

var urlDistricts = '@Url.Action("selectedId")';
$.ajax({
    type: "POST",

    url: urlDistricts,
    data: { listofid:selected },
    success: function () {

    }
});
});

为了抓住这一点，我在我的控制器中写了以下内容

    [HttpPost]
    public ActionResult selectedId(List<int> listofid)
    {
        return View();
    }

但是listofid是空的

Answer 1

设置traditional: true参数：

$.ajax({
    type: "POST",
    url: urlDistricts,
    traditional: true,
    data: { listofid: selected },
    success: function (result) {

    }
});

您的代码似乎也有问题。您正在检索选定复选框的 ID。所以我可以假设你的标记看起来像这样：

<input class="a" type="checkbox" id="1" name="id1" />
<input class="a" type="checkbox" id="2" name="id2" />
<input class="a" type="checkbox" id="3" name="id3" />
...

我假设您的 id 是数字，因为您正试图将它们绑定到List<int>控制器操作中的 a 。除了这是无效的 HTML。ID 不能以数字开头。因此，一种可能性是data-*在您的复选框上使用 HTML5 属性来存储这些额外的元数据：

<input class="a" type="checkbox" data-id="1" name="id1" />
<input class="a" type="checkbox" data-id="2" name="id2" />
<input class="a" type="checkbox" data-id="3" name="id3" />
...

进而：

var selected = $(".a:checked").map(function() {
    return $(this).data('id');
}).get();