保存动态更改的HTML

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

谢谢。

当页面加载时，加载您在html中输入的代码，而不是使用jquery所做的更改。您需要保存代码更改并尝试:) –

localStorage也不是永久性的。您需要使用'ajax'并尝试永久保存更改。 –

感谢您的帮助。现在它工作正常。问题是我没有URL做Ajax调用。现在我懂了。 – AkshayPalekar

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

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

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

2017-08-09 05:50:47 Sand

编辑答案以扩大范围并为您提供有关如何提交和检索数据的想法。 – Sand

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

然后onload事件，所有你所要做的就是检查现有页面状态，然后插入，作为一个innerHTML来的父容器：

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

哪里savedState是握着你的HTML代码中的变量。

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

2017-08-09 05:19:41 Merigold

localStorage也不是永久性的。他需要使用'ajax'并尝试永久保存更改 –

确实，HTML5 LocalStorage仅保存在浏览器存储中，因此清除浏览数据或卸载它的事件将永久删除本地存储数据。数据库仍然是最好的方式 – Merigold

感谢您的帮助。现在它工作正常。问题是我没有URL做Ajax调用。现在我懂了。 – AkshayPalekar

您必须在使用Jquery进行更改后保存您的HTML。你可以通过ajax调用保存并保存到数据库中。所以当你重新加载页面HTML提取数据库，所以它会工作。

2017-08-09 06:04:13

回答