javascript - 有没有办法保存以前的 html 页面并在重新加载时将其加载到当前页面？

Question

我正在尝试创建一个网页，该网页在表格中包含链接，这些链接链接到按下时弹出的模式。然而，这些链接是使用 Jquery 附加的

$("table").append('<tr><td><a href="#exampleModal" data-bs-toggle="modal" data-bs-target="#exampleModal">' + ID +"</a></td><td>" + lastName + "</td><td>"
            + firstName + "</td> <td>" + Course + "</td><td>" + Average + "</td></tr>");

当它们第一次被添加到表格中时，表格和链接模态很好，但是当页面重新加载时，附加的代码丢失了一些文本

来自:

到:

有办法解决这个问题吗？我的第一个初步想法是将上一页的 html 覆盖为当前页面的 html，但我认为这是非常低效的，我确信有更有效的方法来实现此功能。

Answer 1

我认为仅使用 JS 无法实现此目的。您将不得不依赖一些存储空间 mechanism .因为我们正在处理页面重新加载。

1. 将一些逻辑卸载到后端。通过 cookie( session 存储)跟踪事物。
2. 使用本地存储来跟踪这些链接。