ajax - 如何使用 ajax 和表单数据将验证码提交给 Controller

Question

我有一个包含一些字段和文件上传的表单，在asp.net MVC 中使用ajax 呈现为部分 View 。提交表单时，我想将所有数据传递给 Controller ​​。但是如果我使用 $("form").serialize()，它不会将选定的文件传递给 Controller ​​。所以我使用 formData() 将数据传递给 Controller ​​。至此，一切正常。

但是在使用 CaptchaMvc 添加 captcha 之后，它没有到达 Controller 。即使我输入有效的 captcha，它在 Controller 中也是无效的。

这就是我使用 ajax 和 formData 向 Controller 发送数据的方式

       var data = new FormData(); 
        var vidFile = null;
        if ($("#FileUpload")[0].files.length > 0)
            vidFile = $("#FileUpload")[0].files[0];
        data.append("detail", $("#detail").val());
        data.append("name", $("#name").val());

        data.append("FileUpload", vidFile);
       $.ajax({
            url: "/home/submitData",
            type: "POST",
            contentType: false,
            processData:false,
            data: data,
            success: function (response) {

                if (response.success == true) {


                } else {

                }
            }
        });

有什么方法可以将验证码也传递给 Controller ​​吗？

Answer 1

为什么不能使用不同的 Controller 函数进行验证，如下:

提交时，先验证验证码，根据结果调用另一个 Controller 函数提交数据或显示错误。

 var submitData = function(){
    var data = new FormData(); 
    var vidFile = null;
    if ($("#FileUpload")[0].files.length > 0)
       vidFile = $("#FileUpload")[0].files[0];
    data.append("detail", $("#detail").val());
    data.append("name", $("#name").val());
    data.append("FileUpload", vidFile);
    $.ajax({
       url: "/home/submitData",
       type: "POST",
       contentType: false,
       processData:false,
       data: data,
       success: function (response) {
          if (response.success == true) {
            //Success

          } else {
               //Submission failed
          }
      }
   });
}
var validateCaptcha = function(){
   $.ajax({
      url: "/home/validateCaptcha",
      type: "POST",
      data: $("form").serialize(),
      success: function (response) {
          if (response.success == true) {
             submitData();
          } else {
             alert("Invalid Captcha entry");
          }
      }
 });
}
$("form").submit(function(e){
   validateCaptcha();
});