表单通过Ajax提交

Question

我的代码中有这个：

 document.imgUploadForm.submit();

或

$.ajax({ url: "Controler/MyMethod",
            type: "POST",
            enctype: 'multipart/form-data',
            data: { data: $('#imgUploadForm').serialize() },
            success: function (data) {
                location.reload();
            }
       })

但在我的操作方法中，表单中的值未提交。为什么呢？

Answer 1

使用ajax请求应该是这样的

$.ajax({ url: "MyController/MyMethod",
        type: "POST",
        enctype: 'multipart/form-data',
        data:$('#imgUploadForm').serialize(),
        success: function (data) {
            location.reload();
        }
   })

Answer 2

改变这个：

data: { data: $('#imgUploadForm').serialize() },

对此：

data: $('#imgUploadForm').serialize(),

完整代码：

$.ajax({ 
        url: '@Url.Action("ActionName", "controllerName")',
        type: "POST",
        data: $('#imgUploadForm').serialize(),
        success: function (data) {
            location.reload();
        }
   });