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

Question

我正在尝试创建一个在 table 中包含 link 的网页，这些网页被 link 编辑为按下时弹出的模式。但是，这些 link 是使用 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>");

首次将它们添加到 table 中时，table 和 link 模式没问题，但是当重新加载页面时，附加的代码会丢失一些文本

来自：

至：

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

Answer 1

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

将一些逻辑卸载到后端。通过 cookie（会话存储）跟踪事物。
使用本地存储来跟踪这些链接。

Answer 2

您很可能会受益于在重新加载操作之前存储 html 数据，以便在页面重新加载后调用。

您可以将信息存储在数据库中，作为 cookie，作为会话变量，甚至可能存储在 txt 文件中，然后在页面重新加载时调用（并可选择删除）数据。

如 Umendra 所述，这是因为我们正在处理页面重新加载。

另一种选择是使用 php POST 将数据作为表单数据发送给自己（尽管我知道您的操作没有提及或标记 php）

<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">

然后在 post 使用

回忆

<?php echo $_POST['namevaluefromform'] ?>

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

Is there a way to save previous html page and load it in current page on reload?

html

javascript

jquery

bootstrap-5