如何在 dialog() 模式弹出窗口中的部分视图之间保留字段数据

在我的应用程序中创建新用户时，我显示了一个JQuery模式弹出窗口(.dialog(( (，它包含一个部分视图，其中三个子部分视图显示为选项卡。

选项卡内容(部分视图(通过Ajax调用加载到模态弹出窗口中，该调用仅

替换为

渲染选项卡内容的 Javascript：

        $.post('@Url.Action("AddUserEducation","User")', { id: userId},
        function(data) {
            $("#education").show().html(data);
           }

操作方法：

    public PartialViewResult AddUserEducation(Guid id)
    {
            var userEducation = new UserEducation();
            var user = GetUserFromRepository(id);
            userEducation.User = User;
            return PartialView("UserEducation", userEducation);
    }

将显示选项卡的用户部分视图：

<div id="details"></div>
<div id="education"></div>
<div id="employment"></div>

因此，每次切换选项卡时，都会在弹出 Div 中加载另一个部分视图。

我想不出在切换选项卡时保留数据的好方法。

每次我切换选项卡时，都会调用一个 Actionmethod 来用选项卡内容 html 填充div，并且我丢失了已经输入的所有内容。

提前感谢伙计们！请不要犹豫，提出任何问题。

额外信息：

模型：

对于父弹出窗口，我有一个"用户"模型，然后我将其用户详细信息，用户教育和用户就业传递到三个部分视图选项卡：用户详细信息，用户教育，用户就业。

如何让用户在不丢失数据的情况下自由浏览选项卡，以便在完成后，他们可以简单地保存 User 模型并保存三个连接的实体而不会丢失任何数据。

附言我没有使用 jquery 选项卡控件，因为我不需要这样做。