AJAX Modal Popup Extender关闭后如何更新父页面而不回发？

Question

我是 ASP.NET MVC 的新手，因此由于缺少服务器控件，我正在尝试解决这个问题：

我在 ASP.NET 页面上有一个按钮（我们称之为 父页面），当我按下它时，会打开一个模式弹出窗口，其中有一个用户填写的表单。当表单提交后，我想在 父页面 的模式弹出窗口中显示用户输入的数据，而不进行回发。使用 MVC 时如何实现这一点？

我使用的模型如下所示。 父页面用于创建团队，模式弹出窗口包含玩家的详细信息。然后，详细信息将以网格状视图显示在 父页面上。

public class Team
{
    public int ID {get; set;}
    public string name {get; set;}
    public string slogan {get; set;}
    public string homeCity {get; set;}
    public List<Player> players {get; set;}
}

public class Player
{
    public int ID {get; set;}
    public string fullName {get; set;}
    public int age {get; set;}
    public string height {get; set;}
}

Answer 1

当您通过 ajax 提交表单时，您返回父页面的视图（完整页面或父视图）。使用简单的 jquery 语句，您可以关闭模​​式弹出窗口，然后将页面替换为更新的视图。这是最简单的方法。

您可以使用部分视图扩展它，这样您就不会丢失页面各部分的状态。