0

我正在尝试使用 ajax 将选中框的 id 传递给控制器​​。这是jQuery:

function compareEvents() {
        var selected = new Array();
        $('input:checked').each(function () {
            selected.push($(this).attr('id'));
            alert("Event " + $(this).attr('id') + " will be compared");
        });

        $.ajax({
            url: "/Event/CompareEvents",
            contentType: "application/x-www-form-urlencoded",
            type: "POST",
            datatype: "json",
            data: JSON.stringify({eventIds:selected}),
            error: function (xmlHttpRequest, errorText, thrownError) {
                alert(xmlHttpRequest, errorText, thrownError);
            },
            success: function (data) {
                alert("success");
                document.location = data;
            }
        });

警报成功返回选中复选框的 ID。并在完成后返回成功消息。

这是控制器方法:

    [HttpPost]
    public ActionResult CompareEvents(List<int> eventIds)
    {
        return null;
    }

这被成功调用,除了我调试时,eventIds正在返回null。谁能看到为什么eventIds没有得到正确的值?

4

1 回答 1

2

您正在发送 JSON:

data: JSON.stringify({ eventIds:selected }),

并将 contentType 标头设置为"application/x-www-form-urlencoded".

与您发送的内容保持一致:

contentType: "application/json",

也没有这样的设置称为datatype. 实际设置是dataType多余的,因为如果您的控制器操作将 Content-Type 响应标头设置为application/json(如果您返回 a ,通常应该这样做JsonResult),jQuery 足够智能以使用此标头并处理来自服务器的响应和将已解析的对象传递给您的成功回调。

于 2013-05-29T15:44:04.233 回答