asp.net - 如何在 MVC4 中使用 AJAX 导航到下一页？

Question

我没有太多在 MVC 应用程序中使用 AJAX 的经验，实际上是我第一次面对。请检查下图并注意矩形。

该图像只是我从互联网上获取的一个示例。

最大的矩形是我的应用程序中的一个局部视图，当用户按下 Continue 或 Continuar 按钮时我必须渲染它。应用程序应在不刷新页面的情况下将当前视图替换为另一个视图。

这是我正在测试的代码，首先请注意我正在传递列表的第一个元素，但是当用户按下按钮时，使用下一个元素索引 = 2 呈现视图。

    public ActionResult DoTest()
    {

        if (!Request.IsAjaxRequest())
        { }

        List<Worksheet> worksheets = new List<Worksheet>()
        {
            new Worksheet("Hoja 1", ...),
            new Worksheet("Hoja 2", ...)
        };
        return View(worksheets[0]);
    }

可以让我稍微了解一下如何实现这个功能吗？我只知道我需要使用 Ajax。

Answer 1

有许多不同的方法可以实现这一目标。一种方法是编写一个自定义分页助手（HtmlHelper），它在发布事件时接受新内容。您可以在此处查看有关 Helpers 的所有信息：自定义 HTML Helpers

另一种方法是使用部分页面渲染来实现发布事件后的部分页面更新。

如果我是你，我会将部分视图与 jquery 函数结合起来更新内容。你可以在这里查看一些帮助：使用 Jquery 更改潜水内容

Answer 2

看看这里的教程和示例。网络上还有很多其他材料，其中包含有关此主题的信息。