MVC - 将值列表发送到 AJAX 调用

Question

我有一个模态框，可以打开并为用户提供检查某些复选框的选项。当用户选中他选择的复选框时。我想发送所有复选框的值并调用 AJAX 方法。

我想将选中复选框的值发送到 Controller 方法。

这是我的代码：-

// These are dynamic checkboxes - This is just an e.g
<input type="checkbox" name="name" value="Code">
<input type="checkbox" name="name" value="Code1">
<input type="checkbox" name="name" value="Code2">
<input type="checkbox" name="name" value="Code3">

// onClick event of Button
 jq.get('/Controller/getData', function (data) {
      jq('#placeHolder').html(data);
 });

 // Controller
 [HttpGet]
 public ActionResult getData()
 {   
      return PartialView("_pagepartial");
 }

Answer 1

获取选中复选框的值并添加到数组中

var array = [];
$('input:checked').each(function() {
  array.push($(this).val());
}

并传递给你的控制器

$.ajax({
  type: "GET",
  url: '@Url.Action("getData", "Controller")',
  dataType: "html",
  traditional: true,
  data: { values: array},
  success : function (data) {
    $('#placeHolder').html(data);
  }
});

假设你的控制器方法是

public ActionResult getData(string[] values)
{
  // return some partial view based on values
}