如何在mvc中使用ajax实现上一个和下一个按钮？

Question

我正在 asp.net mvc4 中构建一个在线测试 webapp。我需要让用户在上一个和下一个问题之间导航（一次只有 1 个问题）。 我有一个布局，里面有一个倒数计时器。 我有一个问题和选项列表作为视图中的模型，我需要通过上一个和下一个按钮导航列表。 布局必须保持不变，因为它有一个计时器。 当用户单击“下一步”时，当前问题应与选择的答案（通过单选按钮）一起返回到列表，并应显示列表中的下一个问题。 类似的功能也由上一个按钮完成。 任何人都可以在 Ajax、Json 或 Javascript 中提出解决方案吗？

视图：StartTest

@model LoginTrial3.Models.QuestionPaper

@{
    ViewBag.Title = "StartTest";
    Layout = "~/Views/Shared/_LayoutTest.cshtml";
}

<h2>StartTest</h2>

型号 : 试卷

public class QuestionPaper
    {
        public List<object> RandomQuestionList = new List<object>();
        //generate the maps to hold the answers
        public Dictionary<int, string> AptiAnsList = new Dictionary<int, string>();
        public Dictionary<int, string> TechAnsList = new Dictionary<int, string>();

        //define a ctor
        public QuestionPaper(List<object> QList)
        {
            foreach(var item in QList)
            {
                RandomQuestionList.Add(item);
            }
        }
    }

QList 中的每个对象都是 AptiQuestionType ：

public class AptiQuestion
    {
        public int Id { get; set; }
        public string Question { get; set; }
        public string OptionA { get; set; }
        public string OptionB { get; set; }
        public string OptionC { get; set; }
        public string ExpectedAnswer { get; set; }
     }

Answer 1

没有 ajax 的解决方案可能是扩展模型类并添加上一个和下一个项目的 id，然后在视图中使用这些 id 呈现链接。