ASP.NET Ajax表单发布到新页面中，而不呈现部分页面

Question

因此，我试图让我的网站在代码部分中运行Ajax表单，并且遇到一些问题。如下所示，它不更新预期的div，而是更新整个页面。 Original Webpage，然后After postring

在选中一个复选框之后，您可以在下面看到我的表单代码。

<div class="panel-body">
      @using (Ajax.BeginForm("Watercooling", new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "updateData", InsertionMode = InsertionMode.InsertAfter }))
                {
                    @Html.CheckBoxFor(x => x.Watercooled, new { onclick = "this.form.submit();" });
                }
</div>

该页面最初是通过此方法加载的

    public ActionResult AddOn()
    {
        AddOnViewModel model = new AddOnViewModel();

        ViewData[AddOn_ViewPosition] = model;

        return View(model);
    }

和ajax回调方法在这里：

public PartialViewResult Watercooling(AddOnViewModel model)
    {
        if (model.Watercooled)
        {
            model.watercooling = new Watercooling(Watercool_Type.Hard, 2);
            model.watercooling.Items = new List<AddOn>()
            {
                new AddOn()
                {
                    Name="Item1",
                    Price=152.23m
                }
            };
        }


        return PartialView("_PricingData", model);
    }

我真的不确定发生了什么，如果有人可以给我一个机会，将不胜感激！