Question

我已经使用jQuery动态地对HTML页面进行了一些更改。如果我重新加载相同的HTML，它将进入其初始状态。但我不希望这种情况发生。有没有办法完成它或保存使用jQuery所做的更改？

谢谢。

Answer 1

如果您希望使用jQuery对文件进行更改并在重新加载时将其加载回来，则需要使用数据库来保存这些更改。您可以使用AJAX甚至是纯JavaScript将这些更改从表单传输到数据库。

保存更改后，您可以结合使用PHP，MySQL查询和JavaScript或AJAX将数据库中的更改动态加载到HTML页面，或者如果您想使更简单，只需使用JavaScript即可页面上的函数重新加载以激活将检查更改的PHP代码，如果有，则会将这些更改加载到您的页面。

HTML5本地存储是一种临时解决方案，一旦您关闭浏览器或清理浏览数据，它也会被重新测试。

Answer 2

您需要获取innerHTML字符串并将其保存到数据库或通过HTML5 localStorage。

然后onload，您所要做的就是检查现有的页面状态，然后将其作为innerHTML插入到父容器中：

if(savedState){
      myParentContainer.innerHTML = savedState;
}

其中savedState是保存html代码的变量。

要保存状态，您需要设计一个保存功能，每次更改时或用户单击保存按钮时都会触发该保存功能。正如我所说，您可以通过HTML5 LocalStorage或通过数据库保存。请注意HTML5 LocalStorage非常小，只能容纳几兆字节。

Answer 3

使用Jquery进行更改后，您必须保存HTML。你可以通过ajax调用保存它并保存到数据库中。因此，当您从数据库重新加载页面HTML提取时，它将起作用。