来自表单提交的数据与来自 Ajax 的数据

Question

我正在尝试在我的 MVC 站点中实现 reCAPTCHA，但除非我从表单提交它，否则它不会验证，如下所示：

    @using(Html.BeginForm("VerifyCaptcha", "Signup") )
    { 
        @ReCaptcha.GetHtml(theme: "clean", publicKey: "6LcnfAITAAAAAAY--6GMhuWeemHF-rwdiYdWvO-9");
        <input type="submit" id="btnVerify" value="Verify" />
    }

    [HttpPost]
    public ActionResult Index(PolicyModel model)
    {
        var result = ReCaptcha.Validate(privateKey: "THE_KEY");
        return View();
    }

我不想使用表单提交，因为我不想返回新视图。我所有的数据都被 ajax 以 json 形式推送。我想做的是：

$.ajax({
    url: 'verifyCaptcha',
    dataType: 'json',
    contentType: "application/x-www-form-urlencoded",
    type: "POST",
    async: false,
    success: function (response) {
        alert(response);
    },
    error: function(response) {
        alert('There was a problem verifying your captcha. Please try again.');
    }
});
return valid;

        [HttpPost]
        public ActionResult VerifyCaptcha()
        {
            var result = ReCaptcha.Validate(privateKey: "THE_KEY");

            return Json(result);
        }

ajax 调用到达控制器，但 Validation 方法立即完成，就好像它甚至没有发出请求一样。如果验证码不在表单中，我不确定为什么验证总是失败 - 是否可能会丢失诸如公钥之类的信息？有解决办法吗？

编辑：添加了没有模型的 ajax 控制器操作方法。

Answer 1

只需使用serializeArray() 或serialize() 并将您的ajax 请求更改为

$.ajax({
    url: 'verifyCaptcha',
    dataType: 'json',
    contentType: "application/x-www-form-urlencoded",
    type: "POST",
    async: false,
    data: $('form').serializeArray(), // $('form').serialize(),
    success: function (response) {
            alert(response);
        }
});

您尚未在请求中添加数据部分。好像是这个问题

Answer 2

您需要使用表单请求的所有参数设置 Ajax 请求。例如内容类型为application/x-www-form-urlencoded。

看看这个：application/x-www-form-urlencoded or multipart/form-data?

更新：
...是的 ...您必须执行 POST 请求，而不是 GET。

更新：

$.ajax({
    url: 'verifyCaptcha',
    contentType: "application/x-www-form-urlencoded",
    type: "POST",
    success: function (response) {
        alert(response);
    },
    error: function(response) {
        alert('ERROR', response);
    }
});