如何在MVC4中使用AJAX导航到下一页？

Question

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

图片只是我从网上拿来的一个例子。

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

这是我正在测试的代码，请注意我首先传递列表的第一个元素，但是当用户按下按钮时，使用下一个元素index = 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

浏览教程和示例here。网上有很多其他材料，有关于这个主题的信息。

Answer 2

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

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

如果我是你，我会将局部视图与jquery函数结合起来更新内容。您可以在此处查看有关的一些帮助：Change dive content with Jquery