使用ajax提交Ajax.BeginForm - 我可以将模型传递给控制器​​吗？

Question

我有一个父视图，其中一个表单（Ajax.BeginForm）包裹着一个我想在其中呈现部分视图的控件div。

在页面加载时，我渲染一个消耗我的模型的初始局部视图。

我需要通过ajax提交此表单客户端并将Model和FormCollection传递给我的控制器，在那里我更新我的模型然后返回不同的局部视图

我的问题 - 这甚至可能吗？我基本上需要模仿表单按钮提交点击的提交功能 - 但在javascript中 - 我已经失败了很多时间看似简单的事情。

我的观点

    @Using (Ajax.BeginForm("Submit", "Invest", New AjaxOptions With {.HttpMethod = "Post", .UpdateTargetId = "partialView"}, New With {.id = "formSubmit", .name = "formSubmit"}))

    <ul class="tabs list-unstyled">
       <li class="active" data-tab-target="accountType" data-js="tabSelect">
       <span>Account Type</span>
       <span id="lblAccountType">Choose an account</span>
       </li>
    </ul>

    <div id="partialView">@Html.Partial("_AccountType", Model)</div>

    End Using

我的js

     $('*[data-js="tabSelect"]').on().off().on('click', function () {

     var dto = {
                    data: $('#formSubmit').serialize(), * I tried this but didnt work
                }
                GlobalFunctions.callAjaxMethod("/QuickInvestment/SaveAccountType", dto, callback)
                function callback(data) {
                    $('#partialView').html(data);

                }
    });

我的控制器

     Function SaveAccountType(data As Model) As ActionResult

       //Update model and pass to next partial

        Return PartialView("_ModelAcc", Model)

    End Function

非常感谢任何帮助解决这个问题。

谢谢