永久保存jquery修改过的页面

Question

我想永久保存在页面上所做的JQuery修改(用JQuery所做的修改)！我已经读到，通过发送Ajax调用并将其保存在数据库中的表中，这是可能的，但是您在数据库中实际保存了什么呢？页面的URL？在Ajax调用中检索哪些内容，从而使您的修改实际上保留在页面上？

这是一个基于Spring的web应用程序，如果需要这些信息的话。

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

正在进行的修改:函数versionOne() {

    $('#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"});

}

我很感激你能给我一些建议！谢谢:)

Answer 1

保存整个页面在大多数情况下是行不通的，因为也很难保存JavaScript状态。因此，虽然您可以在不使用JavaScript的情况下使用$('html').html()保存页面的静态副本，但这不会给您带来太大的麻烦(或者带来比它更大的麻烦)。

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

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

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