7

我的 ajax 调用看起来像这样

$.ajax({ //actually approve or reject the promotion
                url: url,
                type: "POST",
                data: '{'+data.PromotionId+','+data.UserId+','+data.ReasonText+'}',
                dataType: "json",
                //contentType: "application/json; charset=utf-8",
                success: function (data) {
                    if (indicator == 'A') {
                        alert('Promotion approved successfully!');
                    }
                    else {
                        alert('Promotion rejected successfully.');
                    }

                    var homelink = '<%: Url.Action("Index","Home") %>';
                    window.location.href = (homelink);


                    returndata = data;
                },
                error: function (xhRequest, ErrorText, thrownError) {
                    alert("Failed to process promotion correctly, please try again");
                    console.log('xhRequest: ' + xhRequest + "\n");
                    console.log('ErrorText: ' + ErrorText + "\n");
                    console.log('thrownError: ' + thrownError + "\n");
                }
            });

我的 MVC 控制器如下所示：

 [HttpPost]
    public HttpResponseMessage ApprovePromotion(PromotionDecision decision)
    {
        if (ModelState.IsValid && decision != null)
        {
            bool status = PromotionBo.ApprovePromotion(decision);
            if (status == true)
                return new HttpResponseMessage(HttpStatusCode.OK);
        }
        return new HttpResponseMessage(HttpStatusCode.BadRequest);
    }

我曾认为这两种语法都是正确的，但是每次我进行 ajax 调用时都会收到 400 响应。我做错了什么？

4

2 回答 2

13

您正在向服务器发送一个完全损坏且无效的 JSON 字符串。控制器操作拒绝它是正常的。除此之外，您还在注释中添加了contentType指定要发送 JSON 请求的参数。

所以这是执行请求的正确方法：

$.ajax({ //actually approve or reject the promotion
    url: url,
    type: "POST",
    data: JSON.stringify({ 
        // Those property names must match the property names of your PromotionDecision  view model
        promotionId: data.PromotionId, 
        userId: data.UserId, 
        reasonText: data.ReasonText
    }),
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        if (indicator == 'A') {
            alert('Promotion approved successfully!');
        }
        else {
            alert('Promotion rejected successfully.');
        }

        var homelink = '<%: Url.Action("Index","Home") %>';
        window.location.href = (homelink);

        returndata = data;
    },
    error: function (xhRequest, ErrorText, thrownError) {
        alert("Failed to process promotion correctly, please try again");
        console.log('xhRequest: ' + xhRequest + "\n");
        console.log('ErrorText: ' + ErrorText + "\n");
        console.log('thrownError: ' + thrownError + "\n");
    }
});

请注意我是如何使用JSON.stringify现代浏览器原生内置的方法来确保发送到服务器的 JSON 正确且所有值都正确编码。如果您需要支持石器时代的浏览器，您可以将json2.js脚本包含到您的页面中，该脚本将定义该JSON.stringify方法。

重要说明：绝对不要像在您的代码中那样使用字符串连接构建 JSON 字符串。

或者，如果您不想发送 JSON 请求，您可以发送标准application/x-www-form-urlencoded请求：

$.ajax({ //actually approve or reject the promotion
    url: url,
    type: "POST",
    data: { 
        promotionId: data.PromotionId, 
        userId: data.UserId, 
        reasonText: data.ReasonText
    },
    success: function (data) {
        if (indicator == 'A') {
            alert('Promotion approved successfully!');
        }
        else {
            alert('Promotion rejected successfully.');
        }

        var homelink = '<%: Url.Action("Index","Home") %>';
        window.location.href = (homelink);

        returndata = data;
    },
    error: function (xhRequest, ErrorText, thrownError) {
        alert("Failed to process promotion correctly, please try again");
        console.log('xhRequest: ' + xhRequest + "\n");
        console.log('ErrorText: ' + ErrorText + "\n");
        console.log('thrownError: ' + thrownError + "\n");
    }
});

这应该以相同的方式工作，并且控制器操作应该能够正确绑定模型。

备注：我注意到您在成功回调中使用了以下行：returndata = data;. 这使我相信您以某种方式尝试在成功回调之外使用异步 AJAX 请求的结果，这是不可能的。我不知道你在用这个returndata变量做什么，但我觉得这是错误的。

于 2013-01-11T15:50:47.813 回答
4

[ValidateAntiForgeryToken]将 MVC 操作方法的属性与 Ajax 调用结合使用时也会发生此错误。

看看这个，可能也有帮助： https ://stackoverflow.com/a/60952294/315528

于 2020-03-31T13:56:48.497 回答