保存動態更改的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

回答