永久保存jquery修改页面

问题描述：

我想要保存对HTML页面所做的修改（使用JQuery进行的修改），永久！我已经读过，通过发送一个Ajax调用并将其保存在数据库的表中，可以实现这种功能，但是您实际上在数据库中保存了什么？该网页的网址？你在Ajax调用中取回什么，以便你的修改实际上停留在页面上？永久保存jquery修改页面

这是一个基于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"}); 

}

我会为一些建议表示感谢！谢谢:)

使用jQuery，JavaScript或任何其他客户端语言进行的DOM修改只是表面上的，并不会是永久性的。你想做什么改变？也许他们可以用服务器端语言来实现，比如PHP？ – Ben

所有使用javascript/jquery完成的更改都是临时的，如果您进行DOM操作并刷新页面，那么您会发现该页面已在其默认视图中呈现。但你可以使用localstorage某种形式，但这不是一个适当的解决方案。相反，您希望使用Node js，这对您来说很简单。 – Jai

@Ben Pearl Kahan，我修改了一个容器的位置或用css修改了文本或图像的样式，来自jquery，我已经更新了我的问题并举了一个我正在做出的改变的例子。 –

答

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

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

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

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

我明白，我也想到了这种方法，但我的问题是，在通过Ajax请求发送我的更改的过程中，我的意思是发送页面的url吗？这个问题可能看起来很平常，但我只是网络开发的一个开始。 –

当用户单击它时，通过AJAX将单选按钮的名称发送到服务器。在服务器端，你需要一个接受AJAX请求的方法，并将这个用户的名字写入数据库（他们已经登录了吗？）当你再次渲染页面时，确保选择了正确的单选按钮。在页面的JavaScript中，检查'ready（）'回调中选择哪个按钮，并调用函数更新一次样式。 –

非常感谢！ :) –

永久保存jquery修改页面

相关推荐