c# - MVC 多次提交表单

Question

我遇到了一个奇怪的问题，我希望有人能解释为什么会发生以下情况。

我的 Controller :

MasterModel main = new MasterModel(); 

public ActionResult Index()
{
    return View();
}

[HttpGet]
public ActionResult VehicleDetail()
{
    pageSessionSetup();
    return PartialView("VehicleDetail", main.Vehicle);
}

[HttpPost]
public ActionResult VehicleDetail(VehicleDetailDisplay model)
{
    ModelState.AddModelError("", "Errors occured");
    main.Vehicle = model;
    pageSessionSetup();
    return PartialView("VehicleDetail", main.Vehicle);
}

随 View 更新

我的看法:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

@using (Ajax.BeginForm("VehicleDetail", "Operator", null, new AjaxOptions
{
   UpdateTargetId = "VehicleDetail",
   InsertionMode = InsertionMode.Replace,
   HttpMethod = "Post"}, new { id = "VehicleDetail" }))
{
   @Html.Partial("_ValidationSummary", ViewData.ModelState)
   <div class="panel panel-default panel-body">
       ...
   </div>

   <div class ="col-lg-7 col-md-7 col-sm-7 col-xs-7 row">
       <button type="submit" value="Save" class="btn btn-lg btn-green col-lg-2 col-md-5 col-sm-7 col-xs-7">Save</button>
   </div>
}

在我的部分 View 中，我有一个提交按钮，但是当我单击一次提交按钮时，表单会被提交多次。

Answer 1

更新:

使用 Html.BeginForm("ActionName", "ControllerName", FormMethod.Post) 而不是 Ajax.BeginForm() OR 检查如果您在页面中两次包含 jquery.unobtrusive-ajax.min.js(也在部分 View 中)。

-------------------------------------------- ---------------------------------------------- ------

@using (Html.BeginForm("ActionName", ""ControllerName", FormMethod.Post))
{    
    <label>SomeLabel</label>
    ...
    <input type="submit" value="Button" /></p> 
}