Javascript 在ASP.NET MVC中将首次访问数据替换为用户选择的数据

我有一个单页应用程序，当单击按钮时，它会将一个字符串从数据库加载到partialview中，如下所示，效果很好

查看

<div class="text-center">
    <button id="Button1" class="btn btn-warning btn-fill">Button1</button>
    <button id="Button2" class="btn btn-success btn-fill">Button2</button>
    <button id="Button3" class="btn btn-danger btn-fill">Button3</button>
</div>
<script>

    document.getElementById("Button1").onclick = function () { button1Function() };
    function button1Function() {

        $("#content").load('@Url.Action("Button1","Home")');

    }
    document.getElementById("Button2").onclick = function () { button2Function() };
    function button2Function() {

        $("#content").load('@Url.Action("Button2", "Home")');

    }
    document.getElementById("Button3").onclick = function () { button3Function() };
    function button3Function() {

        $("#content").load('@Url.Action("Button3", "Home")')

    }
</script>

示例

在示例1中，这是第一次加载时页面的显示方式。第二个示例是在按下其中一个按钮后如何渲染

---

你说的“从现在开始复制”是什么意思？我已经添加了一些我的意思的图片。

   public ActionResult Index(int? id)
    {
        if (id == null)
        {
            var activityid = db.Activities.OrderBy(a => Guid.NewGuid()).Take(1);
            return View(activityid);
        }

        return View(db.Activities.Where(a => a.ActivityID == id));
    }

    public ActionResult Random()
    {
        return PartialView("_DisplayActivity", db.Activities.OrderBy(a => Guid.NewGuid()).Take(1));
    }

    public ActionResult Button1()
    {
        var results1 = db.GetActivity(1);
        return PartialView("_DisplayActivity", results1);
    }

    public ActionResult Button2()
    {

        var results2 = db.GetActivity(2);
        return PartialView("_DisplayActivity", results2);
    }

    public ActionResult Button3()
    {
        var results3 = db.GetActivity(3);
        return PartialView("_DisplayActivity", results3 );
    }