为什么 JQuery 将空数组传递给 MVC 控制器，而不是字符串数组？

Question

好的，所以我的问题是两方面的。我正在尝试将选定行中的特定字符串值检索到 JQuery 数组中：

<script>
var finalCSG=[]; 
$('.checkbox').change(function () {
        var csg = [];
        var checkedRows = $('.checkbox:checked'); 
        $.each(checkedRows, function (index, item) 
        { 
            var row = $(this).closest('tr');
            csg.push(row.find('.connote').text());
        })
        finalCsg = csg;
    });
</script>

我的第一个问题：数组 'finalCsg' 的内容应该是简单的字母数字字符串，但它们包含很多前导和尾随空格（当我使用 console.log 来检查它们时）。我该如何解决这个问题？

现在，第二个也是更紧迫的问题。我尝试使用以下代码将此数组传递给我的 MVC 控制器（单击按钮）：

var url = '@Url.Action("Assign", "TransactionHistory")';
    document.getElementById("AssignButton").onclick = function () { myFunction() };
    function myFunction() {

        $('#myDiv').load(url, { csgList: finalCsg })
    }

'TransactionHistory' 是我的控制器名称。即使在这里，变量 csgList 也包含正确的数组元素（不过，当我检查 console.log 时，我已经描述了这些空格）。但我的控制器只得到一个空字符串。控制器定义如下：

    [HttpPost]
    public ActionResult Assign(List<string> csgList)
    { 
        return Content("Hi");
    }

我最初尝试使用 string[] csgList 作为参数，然后尝试使用 List 但它总是从 JQuery 中得到一个空值（或者我猜是空字符串）（return 语句只是为了测试，现在没有太大意义)。有些帖子提到了“传统”关键字的使用，但我主要不是前端开发人员（我正在为工作中的某个人提供服务，有严格的截止日期），所以我无法使用它来达到适当的效果。

任何输入都会非常有益。

Answer 1

由于您传递了一组简单值，因此您可以使用traditional: true ajax 选项正确绑定到您的List<string> csgList。

var url = '@Url.Action("Assign", "TransactionHistory")';
var element = $('#myDiv');
$.ajax({
    url: url,
    type: 'POST',
    traditional: true,
    data: { csgList: finalCsg },
    success: function (response) {
        element.html(response);
    }
});

另一种方法是stringify 数据并设置contentType 选项（如果您的数组包含对象而不是简单值，则需要此替代方法）

$.ajax({
    url: url,
    type: 'POST',
    data: JSON.stringify({ csgList: finalCsg }),
    contentType: "application/json; charset=utf-8",
    success: function (response) {
        element.html(response);
    }
});