javascript - 将 AJAX 数据传递并检索到 Controller

Question

我的 View 中有此代码Index.cshtml:

<script>
    var dropdown = $('#clientDropdown');
    dropdown.on('change', function () {
        var clients = dropdown.chosen().val();
        $.ajax({
            type: 'GET',
            url: '/Inventory/GetClient',
            datatype: 'json',
            data: {clients : clients},
            success: function (data) {
                console.log(data);
            }
        });
    });
</script>

它的作用是将名为 clients (var client) 的数组对象发送到我的 Controller 。例如，它传递一个数组对象 ["Chan","John"]

现在在我的 Controller 中，这是我的代码:

[HttpGet]
    public ActionResult GetClient()
    {
        var clients = Request.QueryString["clients"];

        return Json(new { data = clients }, JsonRequestBehavior.AllowGet);
    }

AJAX 调用后， Controller 在控制台日志中返回一个 {data:null} 对象。我缺少什么？我想在 Controller 中使用 clients 对象的内容来返回 JSON 数据

Answer 1

您必须发送 JSON 的字符串版本，以下是您应该进行的一些更改

var dropdown = $('#clientDropdown');
    dropdown.on('change', function () {
        var clients = dropdown.chosen().val();
        $.ajax({
            type: 'GET',
            url: '/Inventory/GetClient',
            contentType: 'application/json', // this
            datatype: 'json',
            data: {clients : JSON.stringify(clients)}, // and this
            success: function (data) {
                console.log(data);
            }
        });
    });