Javascript 永久保存jquery修改页面

我想永久保存在HTML页面上所做的修改（使用JQuery所做的修改）我已经读到，通过发送一个Ajax调用并将其保存在数据库中的一个表中，可以实现这一点，但是您在数据库中实际保存了什么呢？页面的URL？在Ajax调用中检索到什么，以便您的修改实际保留在页面上

这是一个基于SpringMVC的web应用程序，以防需要这些信息

我不知道如何开始或者是否开始尝试保存它，因为我也读到这件事可能是不可能的，因为我们正在讨论客户端修改

我正在尝试进行的修改： 函数versionOne（）{

$（'#title'）.addClass（'text-center'）；
$（'#title'）.css（{“页边空白顶部”：“0px”，“颜色”：“黑色”，“字体大小”：“45px”}）；
$（“#title”）。追加（“
”）；
$（'#content'）.addClass（'col-md-6'）；
$（#content'）.css（{“页边空白顶端”：“80px”，“字体大小”：“20px”，“文本对齐”：“中间”}）；
$（'#picture'）.addClass（'col-md-6'）；
$（'#picture'）.css（{“边框半径”：“25px”，“边距顶端”：“50px”}）；
}

如果你能给我一些建议，我将不胜感激！

---

谢谢：）

保存整个页面在大多数情况下都不起作用，因为保存JavaScript状态非常困难。因此，虽然您可以使用

$（'html'）.html（）

保存页面的静态副本而不使用JavaScript，但这并不会让您走得太远（或者造成更多的麻烦）

你想要的是“偏好”。站点应该记住一些特定的值。通常的方法是在服务器向客户机发送页面之前从数据库加载首选项。将它们应用于页面的元素并将结果发送到浏览器。这样，当用户看到页面时，页面看起来就像预期的那样

当用户更改这些设置时，使用JavaScript更新页面，并将更改作为AJAX请求发送到服务器，以将其保存在数据库中

---

当用户返回到页面时，上面的代码将确保页面现在看起来与以前一样。

使用jQuery、JavaScript或任何其他客户端语言对DOM进行的修改只是修饰性的，不会是永久性的。你想做什么改变？也许它们可以通过服务器端语言（如PHP）实现？好的，使用javascript/jquery所做的所有更改都是临时的，如果您进行DOM操作并刷新页面，那么您将发现页面已在其默认视图中呈现。但是您可以使用某种形式的本地存储，但这不是一个合适的解决方案。相反，您希望使用节点js，这对您来说很简单。@Ben Pearl Kahan，我修改了容器的位置，或者使用css设置了文本或图像的样式。从jquery，我更新了我的问题，并给出了一个我正在进行的更改的示例。您只是想保存DOM状态吗？从控制台进行复制和粘贴是可以接受的，还是您正在尝试制作一个能够记住以前页面上所有更改的应用程序？@Grallen，我正在尝试制作一个能够记住所有更改的应用程序。这就是它应该如何工作的：用户点击编辑按钮，从列表中选择并按下单选按钮，调用Javascript方法进行修改，点击保存按钮后，即使在我刷新页面后，这些方法也应该保持不变。我理解，我也想过这种方法，但我的问题是，在通过Ajax请求发送更改时，我的意思是发送页面的url吗？这个问题可能看起来很普通，但我只是web开发的初学者。当用户单击单选按钮时，通过AJAX将其名称发送给服务器。在服务器端，您需要一个方法来接受AJAX请求并将该用户的名称写入数据库（他们已登录，对吗？），当您再次呈现页面时，请确保选择了正确的单选按钮。在页面的JavaScript中，检查在

ready（）

回调中选择了哪个按钮，并调用函数更新样式一次。

    $('#title').addClass('text-center');
    $('#title').css({"margin-top":"0px","color":"black", "font-size":"45px"});
    $('#title').append('<hr>');
    $('#content').addClass('col-md-6');
    $('#content').css({"margin-top":"80px","font-size":"20px", "text-align":"center"});
    $('#picture').addClass('col-md-6');
    $('#picture').css({"border-radius":"25px", "margin-top":"50px"});

}