Передача модели просмотра на другую страницу просмотра через AJAX

Question

Мои пользователи в настоящее время имеют представление, в котором они должны выбрать, что происходит с каждой частью. (собрать / передать / утилизировать). После того, как пользователь сделает свой выбор, я хочу, чтобы им была предоставлена ​​сводная страница того, что они только что выбрали.

Вот мой вид сводной страницы

@model PIC_Program_1._0.Models.ItemViewModel
@using PIC_Program_1._0.Models
@{
    ViewBag.Title = "SpecialOrderSummary";
}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @*@Html.HiddenFor(model => model.ID)*@
    @Html.HiddenFor(x => x.ID)
    <h2>Special Order Summary</h2>
    <p style="color:red" class="noprint">Please review and verify </p>


    <h2>
        Transfers
    </h2>
    <h3> 
    Parts 
    </h3>
    foreach (var part in Model.Parts)
    {
    <p>@part.PartName</p>
    }

}

Я попытался выполнить POST, который затем вызвал итоговую страницу, которая выглядит следующим образом страницу снова. Я читал, что, вероятно, было бы лучше опубликовать ViewModel через AJAX вместо того, чтобы делать публикацию формы таким образом, я избегаю повторной выборки всех данных в ViewModel. Но я не уверен, как это сделать sh. Любая помощь приветствуется.

Вот что я пытался сделать

 $(document).ready(function () {
        $("button").click(function () {
            $.ajax({
                url: '@IGT.baseUrl/JODetails/SpecialOrderSummary',
                data: $('#form').serialize(),
                type: 'POST',
            });
        });
     }); //getting green line that says ',' expected on this line