需要在表单的 Ajax 提交时将表单值从视图传递到控制器答案

【问题标题】：Need to pass Formvalues from View to Controller on AjaxSubmit of a Form需要在表单的 Ajax 提交时将表单值从视图传递到控制器
【发布时间】：2012-07-18 12:39:21
【问题描述】：

I have a Strongly typed View Model
        @model DbRepositories.User
        @using (Html.BeginForm("AddUser", "Home", FormMethod.Post, new { id = "frmuser" })) { 

        Some Controls Goes here..
        <div> <input id="btnsave" type="button" value="Save" onclick="SaveUser();" /></div>
        }

这是我的 Javascript 文件

var options = 
{
   success: showResponse  // post-submit callback 
};
function SaveUser() {
$('#frmuser').ajaxSubmit(options);
}

和接受用户对象 [HttpPost] 的我的操作方法

public ActionResult AddUser(User Obj)
{
    UserHelper hlp = new UserHelper();
    hlp.AddNewUser(obj);
    return null;
}

我没有在我的用户对象中获取表单字段值。我如何将表单数据发送到控制器。请帮助我哪里出错了。

【问题讨论】：

标签： javascript asp.net asp.net-mvc-3 jquery

【解决方案1】：

尝试使用Ajax.BeginForm通过ajax提交表单值。

@{
   var ao = new AjaxOptions
            {
              HttpMethod = HttpMethod.Post,
              OnSuccess = showResponse,
              OnFailure = ..  
            }
}

@using(Ajax.BeginForm("AddUser", "Home", ao))
{
   Some Controls Goes here..
   <div><input id="btnsave" type="button" value="Save" /></div>
}

您必须确保包含jquery.unobtrusive-ajax.js 或jquery.unobtrusive-ajax.min.js。

【讨论】：