我如何在網頁上存儲由javascript所做的更改？

Question

我在具有一系列復選框的簡單網頁上有一個表單。 這些選項表示單擊提交按鈕后可以從數據庫檢索的項目。 此外，在底部的頁面上還可以添加一個附加選項。 這是我要的：

我希望能夠使用javascript添加新選項，以便它可以快速無縫地顯示給用戶，而不必將請求發送回服務器並在服務器端添加它，然后讓用戶重新加載頁。 但是，我還想確保保留這些添加的字段，以便下次我加載頁面時，它們會顯示出來。

不幸的是，我的代碼是專有的，因此無法在此處發布。 我希望人們可以在不必實際查看代碼的情況下為我提供一些幫助。

謝謝

Answer 1

添加這些復選框后，您不想進入服務器，但是當用戶按下“提交”按鈕時，您還是要進入服務器，因此在那時，您可以將有關新復選框的信息保留在服務器上。

另一個選擇是使用AJAX異步調用服務器以更新服務器有關狀態更改的信息。

Answer 2

如果仍要在服務器端存儲更改，則可以在后台安靜地存儲。

只需將XmlHttpRequest()與PHP腳本一起使用即可。

Answer 3

您可以使用HTML5本地存儲API來存儲您的更改。

localStorage.setItem('favoriteflavor','vanilla');

Answer 4

如果您希望會話相關信息通過多個請求傳遞，則可以將數據放在cookie中，也可以使用php使用會話。