刷新视图模型和 AJAX 调用后的视图

我正在尝试创建一个表，其中子行（始终每行一个子行）充当详细信息部分。在此详细信息部分中，用户将能够看到日志历史记录，并且还可以输入特定日志。输入新日志并单击"添加"按钮后，日志历史记录应更新并显示新添加的事件。

我有以下 AJAX 调用，该调用将用于添加日志，并应刷新详细信息部分，在单击上述"添加"按钮后触发：

 $('#addLog').click(function () {
        formData = {
            logType: logType.value, // Parameter to add a new log
            logComments: logComments.value, // Parameter to add a new log
            agent: agent.value // Parameter to add a new log
        }
        $.ajax({
            url: '@Url.Action("AddLog", "AgentUser")',
            type: 'POST',
            contentType: 'application/json',
            dataType: 'json',
            data: JSON.stringify(formData),
            cache: false,
            success: function (data) {
                // Here I should refresh the the details section
                // and clear the logType and logCommands inputs
            }
        });
    });

在我的控制器中：

[HttpPost]
public ActionResult AddLog(string logType, string logComments, string agent, AgentUserValidatePhoneIndexViewModel vm)
{
    DoDbStuff();
    // Here I need to update the view model and view without having to
    // refresh the page, so that it shows the recently added event.
    return View(vm);
}

我的视图模型：

public class AgentUserValidatePhoneIndexViewModel
{
    public IEnumerable<AgentUserWithoutValidPhone> AgentUserWithoutValidPhoneList { get; set; }
}

我的模型：

public class AgentUserWithoutValidPhone
{
    private string phone;
    private DateTime creationDate;
    public string Agent { get; set; }
    public string Phone
    {
        get
        {
            return phone;
        }
        set
        {
            phone = PhoneNumberUtil.GetInstance().Parse("+" + value, String.Empty).NationalNumber.ToString();
        }
    }
    public DateTime CreationDate
    {
        get
        {
            return creationDate;
        }
        set
        {
            creationDate = value;
            TimeSpan timeSpan = (DateTime.Now) - creationDate;
            TimeGoneBy = (timeSpan.Days != 0 ? timeSpan.Days + "d " : String.Empty) + timeSpan.Hours + "h";
        }
    }
    public string TimeGoneBy { get; set; }
    public DateTime LastLogEventDate { get; set; }
    public LogEventTypePhone LastLogEvent { get; set; }
    public IEnumerable<AgentUsersLog> EventList { get; set; }
}

我的观点：

@foreach (var agentUser in Model.AgentUserWithoutValidPhoneList)
    {
        <tr data-toggle="collapse" data-target="#details" class="accordion-toggle">
            <td>
                <button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-collapse-down"></span></button>
            </td>
            <td>
                @agentUser.Agent
            </td>
            <td>
                @agentUser.Phone
            </td>
            <td>
                @agentUser.CreationDate
            </td>
            <td>
                @agentUser.TimeGoneBy
            </td>
            <td>
                @agentUser.LastLogEventDate
            </td>
            <td>
                @agentUser.LastLogEvent.GetDescription()
            </td>
        </tr>
        <tr>
            <td colspan="12" class="hiddenRow" id="">
                <div class="accordian-body collapse" id="details">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <input type="hidden" id="agent" value='@agentUser.Agent'>
                                <td>
                                    @Html.DropDownList("LogEventTypePhone", EnumHelper.GetSelectList(typeof(Enums.LogEventTypePhone)), "Select log event",
                                    new
                                    {
                                        id = "logType",
                                        @class = "form-control"
                                    })
                                </td>
                                <td colspan="2">
                                    <input type="text" class="form-control" placeholder="Comments" id="logComments">
                                </td>
                                <td>
                                    <a href="#" class="btn btn-default btn-sm" id="addLog">
                                        <i class="glyphicon glyphicon-plus"></i>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <th>Event date</th>
                                <th>Event type</th>
                                <th>Comments</th>
                                <th>User</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var e in agentUser.EventList)
                            {
                                <tr>
                                    <td>@e.Date</td>
                                    <td>@(((Enums.LogEventTypePhone)e.Subtype).GetDescription())</td>
                                    <td>@e.Comments</td>
                                    <td>@e.AspNetUsers.UserName</td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    }

如何将 ViewModel 与参数一起传递到控制器操作中？现在，当我开始行动时，它已经是空的了。我需要将其传递到操作中，与数据库交互，更新视图模型，返回到视图并使用当前视图模型对其进行更新。

从来没有做过我想在这里做的事情，我对此感到困惑。不确定这是否可能，或者也许我应该使用几个 ViewModels。