永久保存jquery修改过的页面

Save jquery modified page permanently

本文关键字:修改 保存 jquery      更新时间:2023-09-26

我想永久保存在HTML页面上所做的修改(使用JQuery进行的修改)!我已经读到,这是可能的,通过发送一个Ajax调用,并将其保存在一个表在数据库,但你实际上保存在数据库中吗?页面的URL ?在Ajax调用中检索什么,以便您的修改实际保留在页面上?

这是一个基于Spring MVC的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"});
}
如果你能给我一些建议,我会很感激的。谢谢:)

保存整个页面在大多数情况下是行不通的,因为保存JavaScript状态是非常困难的。因此,虽然您可以在没有使用$('html').html()的JavaScript的情况下保存页面的静态副本,但这并不能让您走得很远(或者引起比它更值得的麻烦)。

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

当用户更改这些设置时,使用JavaScript更新页面,并将更改作为AJAX请求发送到服务器,以将其持久化到数据库中。

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