jquery - MVC3 - 如何将表单数据发送到使用 jQuery ajax 获取对象的操作

Question

我有一个采用视图模型对象的操作

[HttpPost]
public String Edit(UserGroupEditViewModel model)
{/* ... */}

现在我想使用 jQuery 异步发送表单数据

$('#user_dialog .edit').click(function (event) {
        event.preventDefault();

        var ug = $(this).parent('form').serialize();

        $.ajax({
            url: urlEditUserGroup,
            async: true,
            type: 'POST',
            data: ug,
            //datatype: 'json',
            //contentType: 'application/json;charset=utf-8',
            success: function (data) {
               alert(data);
             }
        });
  });

但是，我无法接收表单数据。

Answer 1

我认为表单没有被序列化，请尝试（如@Beetroot-Beetroot 所述）

var ug = $(this).closest('form').serialize();

 data: {UserGroupEditViewModel :ug},

此外，您可以为您的表单分配一个 id 或一个类，以便可以轻松地选择表单进行序列化。

尝试通过放置来调试您的代码

 var ug = $(this).closest('form').serialize();
console.log(ug);

检查序列化是否产生结果。