永久保存jquery已修改页面

时间:2015-05-29 07:35:38

标签: javascript jquery mysql ajax

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

这是一个基于Spring MVC的Web应用程序,以防需要此信息。

我不知道如何开始或者是否开始尝试保存它,因为我还读过这个东西可能不可能,因为我们正在谈论客户端修改。

我想要修改的修改:     function 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"});

}

我很感激一些建议! 谢谢:))

1 个答案:

答案 0 :(得分:0)

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

你想要的是&#34;偏好&#34;。该网站应该记住一些具体的价值观。通常的方法是在服务器发送客户端页面之前从数据库加载首选项。将它们应用于页面元素并将结果发送到浏览器。这样,当用户看到页面时,页面看起来就像预期一样。

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

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